DIV CSS 佈局教程網

如果一個站是寬屏的，你左右拖動浏覽器的窗口網站寬度會隨著窗口的大小而改變，而浏覽器窗口寬度減小到一定程度後就會出現下邊的滾動條，網站寬度就不會再減小了，我們知道這一簡單的功能用css的min-width就很容易能實現，但不幸的是，我們用戶很多的IE6不支持這個非常方便的屬性，怎麼辦呢，我們只要在網頁設計時加上下面的css語句就能解決：

方法一：

1. height:auto!important;   
2. height:580px;   
3. min-height:580px;  

把以上三行代碼加到需要最小寬度的div裡即可，原理是使用IE6本身的BUG(當塊級元素內部的東西超出此塊級元素的高度時，塊級元素的高度會被撐開，也就是說IE6中的height屬性本身就等同於min-height)。

方法二：

1. min-height:200px;   
2. _height:200px;  

方法三：

1. #min-width{   
2.     min-width:900px;   
3.     _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");   
4.     line-height:200px;   
5.     background:#ccc;   
6. }  

方法四：

1. #mpage{   
2.     width:100%;   
3.     min-width:980px;   
4.     position:relative;   
5.     _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto');    
6. }  

以上四種方法任何一種都可解決IE6不支持min-width屬性的問題，本站用的是第四種。

以上這篇兼容IE6的min-width、min-height的簡單方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。