DIV - 100% 高度导致滚动条

Question

当高度设置为 100% 时，我遇到了一个 div 导致滚动条的问题。

现在，我的页面内容看起来像；

<body>  

<hr>

<div id="content">

    <div id="heading">

    </div>

</div>


</body>

问题是 HR 是 5px，而 Content 是身高的 100%。因此，由于它是页面高度的 100%，因此它低于 HR 并创建 5px，因此正在制作我想避免的滚动条。

我的问题是，如何使其高度为 100% 而不会认为它需要为 100%pageheight 并且不包括页面高度中的 HR？

谢谢。

Answer 1

这种布局最好使用绝对定位来完成。这是一个使用 HTML 的示例： http: //jsfiddle.net/7KGmZ/

\n\n

CSS：

\n\n

#content\n{\n    position: absolute;\n    top: 20px;\n    right: 0px;\n    bottom: 0px;\n    left: 0px;\n}\xe2\x80\x8b\n