相关疑难解决方法(0)

Div高度100%并扩展以适合内容

我的页面上有一个div元素,其高度设置为100%.身体的高度也设定为100%.内部div具有背景和所有这些并且与身体背景不同.这适用于使div高度为浏览器屏幕高度的100%,但问题是我在div内部的内容垂直延伸超出浏览器屏幕高度.当我向下滚动时,div在您必须开始滚动页面的位置结束,但内容溢出超出该范围.如何让div始终一直到底以适应内在的内容?

这是我的CSS的简化:

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

#some_div {
    height:100%;
    background:black;
}
Run Code Online (Sandbox Code Playgroud)

滚动页面后,黑度结束,内容流向红色背景.在#some_div上我将位置设置为相对位置还是绝对位置似乎并不重要,问题是否发生.#some_div中的内容大多是绝对定位的,它是从数据库动态生成的,因此无法提前知道其高度.

编辑:以下是问题的屏幕截图: div问题

html css height overflow

155
推荐指数
8
解决办法
37万
查看次数

最小高度不适用于身体

min-height对body/html不起作用吗?

body, html
{
    min-height:100%;
}
Run Code Online (Sandbox Code Playgroud)

完全没有任何结果(firebug报告身体,html标签高度根本没有变化)

html css

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

标签 统计

css ×2

html ×2

height ×1

overflow ×1