当高度设置为 100% 时,我遇到了一个 div 导致滚动条的问题。
现在,我的页面内容看起来像;
<body>
<hr>
<div id="content">
<div id="heading">
</div>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
问题是 HR 是 5px,而 Content 是身高的 100%。因此,由于它是页面高度的 100%,因此它低于 HR 并创建 5px,因此正在制作我想避免的滚动条。
我的问题是,如何使其高度为 100% 而不会认为它需要为 100%pageheight 并且不包括页面高度中的 HR?
谢谢。
我正在尝试设置一个设计,这是一个很大的问题.这是一个参考网站;
http://throwbackhero.com/index1.php
问题是我将身体设置为高度:100%; 在样式表和#wrapper div中也是如此.高度偏离当前页面高度,并没有考虑到其他div可能导致溢出.
我想,即使浏览器的垂直大小发生变化,空白页面也是浏览器的大小,内容/包装器div将缩小以适应.
可以这样做吗?
编辑
好的,我原来的问题非常混乱.这是一张照片;

所以,在图1(左)是问题.高度100%; 在包装器和内容div上,它正在创造那个坏孩子.我希望它看起来像图片,白色/灰色区域根据浏览器的大小增长/缩小...