在用CSS调整布局时,我们经常能用到max-width与width,这里简单分析一下两者的使用场景。
max-width经常用在设置元素最大宽度上,可以直接设置像素值或者百分比,看如下代码。
img {
max-width: 100%;
display: block;
height: auto;
margin: 0 auto;
}
以上代码可以设置图片的最大宽度不超过本身的宽度,此时 width
没有被赋值,为默认的 auto
。
如果加上 width:100%
,此时 max-width属性就会失效,因为被width属性覆盖。