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

Question

如何为宽度创建CSS规则

• 默认情况下使用100％宽度

• 如果100％宽度超过某个像素宽度（假设为512像素），则将宽度限制为此像素宽度

我不确定宽度和最大宽度关系，或者如何支持calc（）或表达这一点。 这需要使用最新的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; }

应该足够了。