css - CSS：百分比最小高度元素嵌套在百分比最小高度元素中

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;
        }

创建一个简单的 html 文档，其中只有一个 #wrapper div，其中可以包含内容或不包含内容。如果使用像素的最小高度，元素会服从它，但是当我使用百分比时，只有 html 会起作用。为什么是这样？

Answer 1

使用height而不是min-height.

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

Answer 2

这绝对会帮助你...

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