css问题 - 液体布局 - 不能使用像素高度 - 最小高度不起作用

时间:2011-01-20 07:38:06

标签: css-float css

当我设计液体布局时,我的所有宽度和高度都是%。但是在设计的时候我必须看看我的css是怎么回事,所以我给出了像素(暂时)的高度,因为高度(以%为单位)将从数据库中的数据填充。目前没有设计数据库。我不能使用像素,所以我尝试了min-height属性来查看我的CSS结果..但那也没有用。我做什么sholud?

1 个答案:

答案 0 :(得分:0)

如果使用%height,则相对于其父容器计算高度。由于无法合理计算以下内容,因此通常会将人员绊倒:

<body>
    <div style="height: 100%;">Hello World</div>
</body>

我们要求浏览器将div渲染为“100%” - 但浏览器无法应用此样式,因为正文没有明确的高度。

要解决这个问题,你需要为html和body赋予一个高度,就像这样...

html, body {
    height: 100%;
}

这现在为div提供了一个工作高度 - 这基本上等于视口的大小。

这适用于身高和身高。