为什么max-height的行为与DIV上的max-width不同？

Question

我有简单的html如下：

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

当显示页面时，DIV确实是800px宽，但其高度仍然足以容纳文本。

我在

处查看了max-height和max-width的定义

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