ヘッダー、2x2 コンテンツ グリッド、サイドバーで構成される単純なフレックス レイアウトを使用しようとしています。ウィンドウの幅が一定のサイズより小さい場合、サイドバーは画面の下部に移動する必要があります。
現在、そのサイズに達すると、ウィンドウの高さを小さくしすぎると、グリッドのコンテンツがヘッダーの上に重なってしまいますが、なぜそうなるのかはわかりません。画面のサイズはビューの高さだけである必要がありますが、サイドバーを移動すると拡大します。
リーリーこれは jsfiddle の完全なコードです
(ウィンドウのサイズを変更すると、タイトルの上にグリッドがどのように重なるかを確認できます)
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
こんにちは^^ 私はあなたのためにこれを作りました。これは、あなたの望むことですか？