小编Kon*_*ine的帖子

DIV - 100% 高度导致滚动条

当高度设置为 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?

谢谢。

html css

5
推荐指数
1
解决办法
3239
查看次数

DIV - 强制高度100%=/=页面高度?

我正在尝试设置一个设计,这是一个很大的问题.这是一个参考网站;

http://throwbackhero.com/index1.php

问题是我将身体设置为高度:100%; 在样式表和#wrapper div中也是如此.高度偏离当前页面高度,并没有考虑到其他div可能导致溢出.

我想,即使浏览器的垂直大小发生变化,空白页面也是浏览器的大小,内容/包装器div将缩小以适应.

可以这样做吗?

编辑

好的,我原来的问题非常混乱.这是一张照片;

图片

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

html css height

4
推荐指数
3
解决办法
4万
查看次数

标签 统计

css ×2

html ×2

height ×1