css – DIV – 100％高度导致滚动条

当高度设置为100％时,我遇到了导致滚动条的div的问题.

现在,我的页面内容看起来像;

<body>  

<hr>

<div id="content">

    <div id="heading">

    </div>

</div>


</body>

问题是HR是5px,内容是身高的100％.所以,因为它是页面高度的100％,所以它低于HR并创建5px,因此我想要避免使用滚动条.

我的问题是,如果不认为它需要100％页面高度并且不包括页面高度中的HR,我如何使它高度100％？

谢谢.

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

CSS：

#content
{
    position: absolute;
    top: 20px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

相关文章