css - CSS: percent min-height 要素内にネストされた percent min-height 要素

Question

表示ウィンドウ全体をカバーするために、html、body、wrapper 要素のすべての高さを 100% 以上にしたいのですが、この宣言に従わなければ html を作成できないことがわかりました。

html, body, #wrapper {
        min-height:100%;
        }

html {
        border: 2px red solid;
        }

body{
        border: 2px blue solid;
        }

#wrapper {
        border: 2px pink dotted;
        }

#wrapper div のみを含む単純な html ドキュメントを作成します。ピクセルの最小高さが使用されている場合、要素はそれに従いますが、パーセンテージを使用すると、html のみが機能します。どうしてこれなの？

Answer 1

heightの代わりに使用しmin-heightます。

body,html{
    height: 100%;
}
#wrapper {
    height: 100%;
}

Answer 2

これは間違いなくあなたを助けるでしょう...

http://www.cssstickyfooter.com/using-sticky-footer-code.html