min-width最小宽度的作用介绍
建站知识 2021-07-03 08:43www.168986.cn长沙网站建设
在网页中,如果一个元素没有设置最小宽度(min-width),这时当浏览器缩小到一定程度时,元素中的布局可能会发生变化。如果想要保持布局不变,可以给该元素(如div)设置最小宽度属性,比如:
<style>
#footer {
min-width:960px; /* 最小宽度设置为960像素,当浏览器宽度小于该值时,该元素不再自适应,而是部分元素被遮挡住。*/
}
</style>
<div id="footer"></div>
复制代码
代码如下:<style>
#footer {
min-width:960px; /* 最小宽度设置为960像素,当浏览器宽度小于该值时,该元素不再自适应,而是部分元素被遮挡住。*/
}
</style>
<div id="footer"></div>
上一篇:CSS 样式覆盖原理示例介绍
下一篇:在div底部显示背景图片实现代码