CSS 100％高度

问题描述：

<body> 
    <div class="level1"> 
     <div class="level2"></div> 
    </div> 
</body>

我想在身体，.level1，level2的所有应用3个不同的图像的结构需要100％的高度。如何申请？最小高度：100％仅适用于body和level1，但不适用于level2。

如何申请？

答

html, body, div.level1, div.level2 
{ 
    height: 100%; 
}

不要忘了文档类型！

1 doctype！ – Tobias 2011-03-09 11:43:00

注意：这会将这些元素的高度设置为视口的100％。如果内容扩展，则会导致溢出。 – fabsn 2011-03-09 11:52:51

@fabsn：真的，也许'最小高度'本来会更好，但这往往有问题。：P无论如何，将宽度/高度设置为视口高度的100％以及允许内容伸展它总是一个问题。：P – 2011-03-09 12:20:10