当我设计液体布局时,我的所有宽度和高度都是%。但是在设计的时候我必须看看我的css是怎么回事,所以我给出了像素(暂时)的高度,因为高度(以%为单位)将从数据库中的数据填充。目前没有设计数据库。我不能使用像素,所以我尝试了min-height属性来查看我的CSS结果..但那也没有用。我做什么sholud?
答案 0 :(得分:0)
如果使用%height,则相对于其父容器计算高度。由于无法合理计算以下内容,因此通常会将人员绊倒:
<body>
<div style="height: 100%;">Hello World</div>
</body>
我们要求浏览器将div渲染为“100%” - 但浏览器无法应用此样式,因为正文没有明确的高度。
要解决这个问题,你需要为html和body赋予一个高度,就像这样...
html, body {
height: 100%;
}
这现在为div提供了一个工作高度 - 这基本上等于视口的大小。
这适用于身高和身高。