2016-02-27 48 views
1

據我所知,將高度設置爲auto將使其父容器將調整到其中的子元素的高度。但是,不是默認情況下,反正呢?考慮下面的例子:設置家長的高度自動

#outer { 
 
border: 3px solid red; 
 
height: auto; 
 
} 
 
#inner { 
 
border: 1px solid blue; 
 
height: 300px; 
 
}
<div id = 'outer'> 
 
<div id = 'inner'> inner </div> 
 
</div>

使用或不使用高度:汽車,父DIV還是調整孩子div的高度。在這種情況下,我們可以使用什麼高度:auto on?

+0

'height:auto'是默認設置。處理百分比高度時很重要。看到這篇文章:[使用CSS'height'屬性和百分比值](http://stackoverflow.com/questions/31728022/why-is-percentage-height-not-working-on-my-div/31728799# 31728799) –

回答

2

如果我正確理解你的問題,你問什麼是使用高度的點:auto?

默認情況下div的高度是auto,這就是爲什麼即使你添加height:auto也沒有,它沒有任何區別。以下鏈接將有助於您更好地理解這一點。

CSS Height

+0

你可以舉一個或兩個沒有高度的例子:auto,默認情況下? – frosty

+0

如果它是默認的每個元素,那麼聲明它有什麼意義呢? – frosty

+0

@frosty,如果你注意到你會發現幾乎每個css屬性都被分配了一個默認值,例如display:inline,overflow:visible,height:auto,width:auto等。 如果你是來自服務器端編程語言,我可以給你一個來自JAVA/.Net的例子。 在這裏,當我們聲明一個int類型的變量時,默認情況下賦值爲「0」,但這並不意味着我們不能/不應該再次賦值爲「0」。 希望這可以幫助你。 –