min-width最小寬度的作用介紹
發(fā)布時(shí)間:2013-08-16 17:46:37 作者:佚名
我要評(píng)論

如果一個(gè)元素沒有設(shè)置最小寬度(min-width),這時(shí)當(dāng)瀏覽器縮小到一定程度時(shí),元素中的布局可能會(huì)發(fā)生變化,如果想要保持不變可以給元素(如div)設(shè)置最小寬度屬性,有此需求的朋友可以參考下
在網(wǎng)頁(yè)中,如果一個(gè)元素沒有設(shè)置最小寬度(min-width),這時(shí)當(dāng)瀏覽器縮小到一定程度時(shí),元素中的布局可能會(huì)發(fā)生變化。如果想要保持布局不變,可以給該元素(如div)設(shè)置最小寬度屬性,比如:
<style>
#footer {
min-width:960px; /* 最小寬度設(shè)置為960像素,當(dāng)瀏覽器寬度小于該值時(shí),該元素不再自適應(yīng),而是部分元素被遮擋住。*/
}
</style>
<div id="footer"></div>
復(fù)制代碼
代碼如下:<style>
#footer {
min-width:960px; /* 最小寬度設(shè)置為960像素,當(dāng)瀏覽器寬度小于該值時(shí),該元素不再自適應(yīng),而是部分元素被遮擋住。*/
}
</style>
<div id="footer"></div>
相關(guān)文章
IE6不支持CSS中的min-width/height屬性問題的解決方法
min-width與min-height在css中是相當(dāng)好用的語(yǔ)法,可以讓HTML元素最少仍保持一定的寬和高,而需要時(shí)仍隨著元素的內(nèi)容增加寬和高。2009-09-08- 首先我們知道這個(gè)效果應(yīng)該是一個(gè)老話題了。 今天整理文件的時(shí)候,發(fā)現(xiàn)自己以前的一些布局的解決方法躺在文件夾里很長(zhǎng)時(shí)間了,翻翻老底吧 需要說明的是有幸也見到過CSSPLAY2008-10-17
IE6支持max-width/height與min-width/height(完美解決方案)
IE6支持最大寬度,IE6支持最小寬度以及讓IE6支持min-width同時(shí)又支持max-width解決方案,代碼很簡(jiǎn)潔功能很實(shí)用,有需求的朋友可以參考下哈,希望可以幫助到你2013-03-22min-height和min-width兩個(gè)最小高度和最小寬度兼容多瀏覽器版本
min-height和min-width這兩個(gè)最小高度和最小寬度的容器屬性相信大家并不陌生,本文介紹了min-height和min-width兼容多瀏覽器版本做法,有需要的同學(xué)可看看,先說說min-height2012-12-18- min-width 不兼容ie6的情況,想必大家都有遇到過吧,下面有幾種不錯(cuò)的解決方法,感興趣的朋友可以參考下2013-10-16
- min-width 屬性設(shè)置元素的最小寬度,該屬性值會(huì)對(duì)元素的寬度設(shè)置一個(gè)最小限制。因此,元素可以比指定值寬,但不能比其窄。不允許指定負(fù)值。2014-10-22