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;
}