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

前端之家收集整理的这篇文章主要介绍了CSS宽度100%或最大宽度(以像素为单位)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何可以创建宽度的CSS规则

>默认使用100%宽度
>如果100%宽度超过某个像素宽度(假设为512像素),则宽度被压缩到此像素宽度

我不知道宽度和最大宽度的关系,或如何calc()被支持或可以表达这一点。这需要使用最新的WebKit浏览器和Firefox 4. IE8等支持不需要

解决方法

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

在这样的规则中声明两者(不需要calc()函数):

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

猜你在找的CSS相关文章