微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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;
}​

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。