css - CSS：コンテンツをスティッキーフッターにストレッチ

Question

ナビゲーションとコンテンツの列を.page_wrapperの下部まで拡大したい

参照： http： //jsfiddle.net/KqQ42/8/

私はすでに以下を試しました：

min-height: 100%;
height: auto;

しかし、これは何も変わりません....

他に何を追加する必要がありますか？

Answer 1

フェイクカラムを統合することでうまくいきます。

このようにして、背景画像を介して100％の高さのナビゲーションとコンテンツをシミュレートします。

ライブデモ：こちら

Answer 2

ウィンドウのサイズに基づいて柔軟な高さが必要な場合は、高さにパーセンテージを使用できます。この場合、すべてのコンテナ/divでパーセンテージを使用する必要があります。

例： http： //jsfiddle.net/KqQ42/11/