CSS宽度100％或最大宽度（以像素为单位）

如何创build一个宽度的CSS规则

• 默认使用100％宽度

• 如果100％的宽度超过了某个像素的宽度（比如说512像素），那么宽度被限制在这个像素的宽度

我不确定宽度和最大宽度的关系，或如何支持calc（）或可以expression这一点。 这需要使用最新的WebKit浏览器和Firefox 4.不需要IE8等支持

Answer 1

这实际上是max-width的预期用途。 如果元素的计算（实际） width超过max-width ，则将被限制为最大值，而不是超出最大值。 百分比与像素不相关。

声明这两个相同的规则是这样的（不需要calc()函数）：

 #somediv { width: 100%; max-width: 512px; } 

Answer 2

如果是块级元素，默认情况下应该是100％，所以不需要声明宽度，那么max-width: 512px; 会削减它

calc()完全不被支持，但在这种情况下，我不认为你会需要它

Answer 3

 div{ max-width: 512px; } 

应该足够了。