为什么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