Css元素最大尺寸

Question

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

DIV {宽度：100像素;溢出：隐藏;}

和

DIV {最大宽度：100像素;溢出：隐藏重要;}

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

Answer 1

如果您未指定max-width: 100px，则

width: 100px与width没有区别。 !important标志只能阻止覆盖属性，因此如果有所不同，则取决于上下文。

Answer 2

max-width非常适合陈述“不要比这更大，但如果它更小则可以”。

如果您说的是一个动态大小（取决于内容）的语音气泡并且您希望围绕语音气泡的div变化，这可能会很棒。

另一方面，

width说“必须是100px”，这意味着即使div中的内容较小，周围的div仍然是100px。

实施例： http://cdn.gottabemobile.com/wp-content/uploads/2013/10/photo1.png