css最小寬度是什麼

接下來讓我們一起看看css最小寬度吧!

IE6另外一個bug就是它不支持 min-width 屬性. min-width又是相當有用的, 特別是對於彈性模板來說, 它們有一個100%的寬度,min-width 可以告訴浏覽器何時就不要再壓縮寬度了.
除IE6以外所有的浏覽器你只需要一個 min-width: Xpx; 例如:

 

.container { 
min-width:300px; 
}

 

為了讓他在IE6下工作, 我們需要一些額外的工作. 開始的時候我們需要創建兩個div, 一個包含另一個:
 

 

<div class="container"> 
<div class="holder">Content</div> 
</div>

 

然後你需要定義外層div的min-width屬性，

 

.container { 
min-width:300px; 
}

 

這時該是IE hack大顯身手的時候了. 你需要包含如下的代碼:
 

 

* html .container { 
border-right: 300px solid #FFF; 
} 
* html .holder { 
display: inline-block; 
position: relative; 
margin-right: -300px; 
}

相信大家已經學會css最小寬度了吧!感謝大家對我們網站的支持!

相關推薦：

div css圖片替換技術