この方法はシンプルで、フッターを固定したい多くのシナリオに対応可能です。特に、コンテンツの量が少ないページに適しています。 ※position: fixed;は画面固定なので別の仕様になります。 flex-direction: column;を使って子要素(この場合は.contentと.footer)を ...
常にブラウザの下部(ビューポートの底)にフッターを表示したい。 ├─ 2パターンの意味がある ├─ A. スクロールしても常に見える(固定表示) → 画面をスクロールしてもフッターが常に画面下にいる(position: fixed) └─ B. ページが短くても画面下に ...