爲什麼max-height在DIV上的行爲與max-width不同？

Question

我有簡單的HTML如下：

<div style="max-width: 800px; max-height: 300px; background-color: pink;"> 
    text goes here 
</div> 

的DIV確實是800像素寬時顯示的頁面，但它的高度保持剛夠容納文本。

我看着最大高度和最大寬度的定義在

http://www.w3schools.com/cssref/pr_dim_max-width.asp

http://www.w3schools.com/cssref/pr_dim_max-height.asp

我似乎無法找到的差異。

有什麼辦法可以將DIV的高度設置爲播放時的最大高度？或者我必須使用高度屬性？

感謝和問候。

Answer 1

div的width默認爲100％，如果它有內容。除非另有說明，否則height只會呈現其內容的高度。以此小提琴爲例：JS Fiddle