min-width最小宽度的作用介绍
发布时间：2013-08-16 17:46:37 作者：佚名 
我要评论
我要评论如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化，如果想要保持不变可以给元素（如div)设置最小宽度属性，有此需求的朋友可以参考下
在网页中，如果一个元素没有设置最小宽度(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>
相关文章
IE6不支持CSS中的min-width/height属性问题的解决方法
min-width与min-height在css中是相当好用的语法，可以让HTML元素最少仍保持一定的宽和高，而需要时仍随着元素的內容增加宽和高。2009-09-08- 首先我们知道这个效果应该是一个老话题了。 今天整理文件的时候，发现自己以前的一些布局的解决方法躺在文件夹里很长时间了，翻翻老底吧 需要说明的是有幸也见到过CSSPLAY2008-10-17
IE6支持max-width/height与min-width/height(完美解决方案)
IE6支持最大宽度,IE6支持最小宽度以及让IE6支持min-width同时又支持max-width解决方案，代码很简洁功能很实用，有需求的朋友可以参考下哈，希望可以帮助到你2013-03-22min-height和min-width两个最小高度和最小宽度兼容多浏览器版本
min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生,本文介绍了min-height和min-width兼容多浏览器版本做法，有需要的同学可看看,先说说min-height2012-12-18- min-width 不兼容ie6的情况，想必大家都有遇到过吧，下面有几种不错的解决方法，感兴趣的朋友可以参考下2013-10-16
- min-width 属性设置元素的最小宽度，该属性值会对元素的宽度设置一个最小限制。因此，元素可以比指定值宽，但不能比其窄。不允许指定负值。2014-10-22
最新评论