このガイドに従って、ページの列をセットアップしました。
私がやろうとしているのは、画面がコンテンツよりも大きい場合は列が画面いっぱいになるようにすることですが、コンテンツがブラウザー画面で一度に表示できる長さよりも長い場合は、デフォルトのオーバーフロー スクロールまたは自動を使用します。
現在、本文、コンテナー (記事で説明されているコンテナーを囲む div)、および記事で説明されているコンテナーの高さを 100% に設定しています。ページがすべてのコンテンツに収まる場合はこれで問題ありませんが、画面が小さすぎるとコンテンツが途切れてしまいます。
ボディまたはコンテナーを min-height から 100% に変更してこれを修正しようとしましたが、これにより小さな画面にすべてが再び表示されますが、大きな画面では、2 列の「背景」がページの下部まで拡張されません。しかし、私のコンテナはそうします。
編集:現在、html と本文も高さ 100% に設定されています。
Edit2:コンテンツが画面よりも大きい場合のjsfiddleは次のとおりです
構造は次のようになります。
body (height: 100%)
my_container (height: 100%)
container2 (height: 100%)
container1 (height: 100%)
column1
column2
私はそれが次のようなものであることを望みます
body
my_container (min-height: 100%)
container2 (height: 100%)
container1 (height: 100%)
column1
column2