2011-03-09 128 views
1

我有這樣CSS 100%高度

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

我想在身體,.level1,level2的所有應用3個不同的圖像的結構需要100%的高度。如何申請?最小高度:100%僅適用於body和level1,但不適用於level2。

如何申請?

回答

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

不要忘了文檔類型!

+0

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

+1

注意:這會將這些元素的高度設置爲視口的100%。如果內容擴展,則會導致溢出。 – fabsn 2011-03-09 11:52:51

+0

@fabsn:真的,也許'最小高度'本來會更好,但這往往有問題。 :P無論如何,將寬度/高度設置爲視口高度的100%以及允許內容伸展它總是一個問題。 :P – 2011-03-09 12:20:10