身高：100％VS身高：汽車

Question

我想了解以下

1. 身高：汽車;這是做什麼的？
2. 身高：100％;這是做什麼的？
3. 是什麼betweem 1和2的區別？任何解釋差異的例子？

在此先感謝！

Answer 1

height: auto;裝置的高度，元素的height將根據其保存的內容而增加，如果您指定修復ED height，內容溢出，所以當你不知道你的元素將包含多少，你把它設置爲auto，所以height將auto增加。

當您設置height: 100%;因此將需要容器元素的整個垂直空間，所以說，例如，當容器元素的高度爲200px，並使用height: 100%;的子元素，這將是容器的height: 100%;元素= 200px。

默認情況下，元素的height總是除非和直到您指定的height使用px%或者其他單位設置爲auto。

Demo（height: auto;）不斷添加的內容和你的元素將垂直擴展。

Demo 2（height: 100%;），這將表現就像你設置一些固定的height到你的元素，如果含量的增加，它會overflow。此方法僅適用於希望您的子元素佔用父容器的100％垂直空間的情況。

Answer 2

1. height:100%：意味着元件將不得不其父容器的100％的高度。

2. height:auto：裝置，所述元件將具有柔性的高度即，其高度將取決於它的子元素

3. Click here for difference with code

Answer 3

參考：http://www.w3.org/TR/CSS2/visudet.html#the-height-property

內容高度： 'height' 屬性

<percentage> 

指定的百分比高度。百分比是根據生成的箱子的包含塊的高度計算得出的 。如果包含塊的高度沒有明確規定（即，，它取決於內容的高度），並且這個元素不是絕對的 定位的，值計算爲'auto'。 根元素上的百分比高度相對於初始包含塊。注意：對於 絕對定位的元素，其含有的塊基於 塊級元素，則相對於該元素的填充框的高度 計算百分比。這是從CSS1, 的變化，其中百分比總是相對於父元素的內容 框計算。

auto 

高度取決於其它屬性的值。請參閱下面的散文 。 請注意，絕對定位元素的包含塊的高度與元素本身的大小無關，因此此類元素上的百分比高度始終可以解析爲 。但是，可能直到 處理文檔中稍後的元素才知道高度。

「高度」的負值是非法的。將根據「溢出 溢出

p { height: 100px } 

段，其中的內容物的高度超過100個像素：

例如，下面的規則集段落的內容高度爲100個像素'財產。