我的页面上有一个 div 元素,其高度设置为 100%。身体的高度也设置为 100%。内部 div 有背景等,并且与正文背景不同。这适用于使 div 高度为浏览器屏幕高度的 100%,但问题是该 div 内的内容垂直延伸超出了浏览器屏幕高度。当我向下滚动时,div 在您必须开始滚动页面的点结束,但内容超出了该点。如何让 div 始终到达底部以适合内部内容?
这是我的 CSS 的简化:
body {
height:100%;
background:red;
}
#some_div {
height:100%;
background:black;
}
一旦我滚动页面,黑色就会结束,内容就会流动到红色背景上。我在 #some_div 上将位置设置为相对还是绝对似乎并不重要,无论哪种方式都会出现问题。 #some_div 内的内容大部分是绝对定位的,并且它是从数据库动态生成的,因此无法提前知道其高度。
Edit: Here is a screenshot of the problem:
这是您应该在 CSS 样式中执行的主要操作div
display: block;
overflow: auto;
并且不要碰height
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)