2

我有一个容器,它从上到下创建一个彩色列向下页面。我正在使用下面的 CSS。此代码将导致出现垂直滚动条,但是如果我删除填充属性它工作正常。它似乎正在将填充添加到高度。我希望在使用边距时会这样,因为它在容器之外,但填充在它里面,据我所知,它不应该影响它的大小。这个容器没有父元素,只包含一个单词作为内容。

如何在保留填充且无需创建任何其他子元素的情况下使其达到 100% 高度?先感谢您。

#container
{
    background-color : #eee;
    max-width : 910px;
    min-height : 100%;
    padding : 65px 15px;
}
4

1 回答 1

7

您可以添加box-sizing: border-box;到容器中以获得所需的结果;

http://jsfiddle.net/Svkp8/

这是steveax 在评论中提供的Paul Irish的详细文章。box-sizing

于 2012-11-28T05:36:45.090 回答