min—width的使用

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

.box{
    background: red;
    width: 90%;
    height: 500px;
    min-width: 1000px;
}

该div宽度为页面的90%，随着浏览器的变窄，div的宽度也跟着变窄，但是到达1000px时，就不在变小，而是超出屏幕的隐藏。