我的页面上有一个div元素,其高度设置为100%。 body 的高度也设置为100%。内部div具有背景以及所有这些背景,并且与主体背景不同。这可以使div高度为浏览器屏幕高度的100%,但是问题是我的div内容垂直超出了浏览器屏幕高度。当我向下滚动时,div结束于您必须开始滚动页面的那一点,但是内容超出了该范围。如何使div始终一直到底部以适合内部内容?

这是我的CSS的简化:

body {
    height:100%;
    background:red;
}

#some_div {
    height:100%;
    background:black;
}

滚动页面后,黑度结束,内容流到红色背景上。我在#some_div上将正子设置为相对还是绝对似乎都没有关系,无论哪种方式都会出现问题。 #some_div中的内容基本上是绝对定位的,并且是从数据库动态生成的,因此无法预先知道其高度。

编辑:这是问题的屏幕截图:

最佳答案

这是您应该在CSS样式中的主要div上执行的操作

display: block;
overflow: auto;

并且不要触摸height

10-05 21:03
查看更多