CSS 宽度100% 或以像素为单位的最大宽度

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

我不确定宽度和最大宽度之间的关系，也不确定 calc ()是如何支持或者可以表达这种关系的。这需要与最新的 WebKit 浏览器和 Firefox4一起工作。IE8等不需要支持

64286 次浏览

小开

最佳答案

这实际上是 max-width的预期用途。如果一个元素的计算值(实际值) width超过 max-width，它将被限制为最大值，而不是超过它。百分比和像素无关。

像下面这样在同一个规则中声明(不需要 calc()函数) :

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

小开

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

calc()根本没有得到很好的支持，但在这种情况下，我认为您不会需要它

小开

div{ max-width: 512px; }

应该够了。