Css 元素最大尺寸

Css element Max-Size

使用这些 css 规则的主要区别是什么

div{宽度:100px; overflow:hidden;}

和

div{最大宽度:100px; overflow:hidden!重要；}

是否会出现任何交叉兼容性问题。

如果您没有指定 width，

max-width: 100px 与 width: 100px 没有区别。 !important 标志仅防止覆盖属性，因此是否有所不同取决于上下文。

max-width 非常适合表述 "don't go any bigger than this, but it's OK if it's smaller"。

如果您说的对话气泡的大小可能是动态的（取决于内容）并且您希望 div 周围的对话气泡发生变化，这可能会很棒。

width 另一方面表示 "the must be 100px"，这意味着即使 div 中的内容较小，周围的 div 仍然是 100px。