min-width最小宽度的作用介绍

如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化，如果想要保持不变可以给元素（如div)设置最小宽度属性，有此需求的朋友可以参考下

 

在网页中，如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化。如果想要保持布局不变，可以给该元素（如div)设置最小宽度属性，比如：

复制代码
代码如下:

<style>
#footer {
min-width:960px; /* 最小宽度设置为960像素，当浏览器宽度小于该值时，该元素不再自适应，而是部分元素被遮挡住。*/
}
</style>
<div id="footer"></div>