2012-08-15 100 views
2

首先,我看到了一些類似的問題,但我沒有回答我所問的問題。重新調整div標記

我有一個div標籤,並已增加到100%的高度。但div標籤保持相同的大小?

我的第一個問題是爲什麼? 我的第二個問題是:如何讓潛水標籤響應我想要的尺寸?

Screen Shot

+0

嘗試從身體標記中移除樣式並將其放置在表單標記中。注意區別?你的div是形式的孩子。 – 2012-08-15 10:16:49

回答

1

Div標籤高度100%等於Div所在容器的高度。嘗試在CSS中設置一個最小高度,如果您希望達到Div的最小設置大小。

{ 
min-height: 200px; 
} 
+0

謝謝。我聽說這隻適用於以後的瀏覽器。我如何爲舊版瀏覽器執行此操作? – geminiCoder 2012-08-15 10:15:24

+0

「後來的瀏覽器」是指「IE7和更新」,你關心IE6嗎? – Quentin 2012-08-15 10:17:44

+0

要在較新的瀏覽器中執行此操作,請設置高度:123px;如果div的內容溢出這個大小,那麼Div應該花費來迎合這一點。它可能是一個'壞'利用,但它的工作。 – TolMera 2012-08-15 10:19:38

3

如果該父組件的高度爲auto,則百分比高度也被視爲auto

html元素的高度未在您的CSS中指定,因此它是auto

body元素的高度被指定爲100%但是是html孩子這樣就顯得auto

div元素的高度被指定爲50%但它是body的孩子,所以也成爲auto

+0

這裏的一些更多解釋http://www.webmasterworld.com/forum83/200.htm – Axe 2012-08-15 10:15:58