css - 为什么 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 除非另行指定，否则仅采用其内容的高度。有关示例，请参见此 fiddle :JS Fiddle