体内高度100％的HTML div不起作用

Question

我有这个CSS：

html {
    width: 100%;
    height: 100%;
    min-height: 100%;
}


body {
    background-color: white;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    min-height: 100%;
}

.bodycontainer {
    background-color: #efeeef;
    clear: both;
    padding-bottom: 100px;
    padding-top:30px;
    min-height: 100%;
}

实际上我可以看到100％高度的身体，但div .bodycontainer未设置为100％身高。

为什么？

Answer 1

实际上“.bodycontainer”的总高度为100％+顶部填充+底部填充

为了使其完全达到100％的高度，请使用

box-sizing:border-box;