tontandesu https://blog.hatena.ne.jp/tontandesu/ とんたんの技術メモ https://tontech.hateblo.jp/ この構造にして、<scroll-top>に justify-content: flex-end; 適用すると、サイドメニューの右端に簡単に持ってこれる。 float使う方法だと、scroll-topにちょっと細工しないといけないので使わない。 サイドメニュー幅は固定なのでグリットは使わない。 <template> <div class="p-container"> <div class="p-main"> <div>メイン</div> </div> <div class="p-side"> <div>サイド</div> </div> <scroll-top></scroll-top> </di… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftontech.hateblo.jp%2Fentry%2F2020%2F09%2F08%2F114935" title="vuetifyでflex使った2カラム実装 - とんたんの技術メモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-09-08 11:49:35 rich https://tontech.hateblo.jp/entry/2020/09/08/114935 1.0 100%