ウィンドウが短すぎると、Flexbox アイテムがコンテナからオーバーフローし、サイドバーが下部の位置合わせを維持できなくなります。

Question

ヘッダー、2x2 コンテンツ グリッド、サイドバーで構成される単純なフレックス レイアウトを使用しようとしています。ウィンドウの幅が一定のサイズより小さい場合、サイドバーは画面の下部に移動する必要があります。

現在、そのサイズに達すると、ウィンドウの高さを小さくしすぎると、グリッドのコンテンツがヘッダーの上に重なってしまいますが、なぜそうなるのかはわかりません。画面のサイズはビューの高さだけである必要がありますが、サイドバーを移動すると拡大します。

リーリー

これは jsfiddle の完全なコードです

(ウィンドウのサイズを変更すると、タイトルの上にグリッドがどのように重なるかを確認できます)

Answer 1

こんにちは^^ 私はあなたのためにこれを作りました。これは、あなたの望むことですか？

リーリー リーリー