0

我不想body明确设置div' 高度并以百分比设置孩子的高度。

<!doctype html>
<html>
<body>
    <div style="height:10%">
        fdjfdkjl
    </div>
    <div style="height:90%">
        dsds
    </div>
</body>
</html>

但是，这不起作用。为什么？在规范中有行为描述：

当使用百分比表示法时，元素的高度是相对于父元素的高度计算的。如果没有明确设置父级，则使用浏览器的窗口。

好的，我可以将 100% 设置为body，但这也不起作用：它的高度只是包裹内容。为什么不使用浏览器的窗口？

4

1 回答 1

0

正如@MattK 所说，

html, body { height: 100%; }

解决问题。我认为这种方法有效，因为divs' 和body's 的父母已经定义了大小。html没有父母，并且height使用了窗口。

于 2012-09-08T00:21:58.333 回答