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