CSS：嵌套在min-height元素百分比内的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