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