css實現ie6下最大，最小寬/高度

-、最大寬/高

IE6無法認讀max-width,max-height屬性，但IE支援自己javascript的屬性工作表達,
例如
div{width:expression(250+"px")}和div{widt:250px}

在IE 的認讀中都是一致的！

但是，如果在使用者在瀏覽器禁用javascript，那麼我們的寫法就失敗了。
所以，我們換種方式寫，解決上面出現的失敗現象。

* html div#division{ 
width: expression( document.body.clientWidth > 776 ? "777px" : "auto" );/* sets max-width for IE  為IE設定最寬值*/

max-width: 777px;/* this sets the max-width value for all standards-compliant browsers */
}

 

* html div#division {
   width: expression( document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize) ? "33em" : "auto" );
   max-width: 33em;/* this sets the max-width value for all standards-compliant browsers */
}

 最小寬高可以用類似的方式實現，如下：

* html div#division {
   width: expression( document.body.clientWidth < 334 ? "333px" : "auto" );/* set min-width for IE 為IE設定寬度最小值*/
   min-width: 333px;/* sets min-width value for all standards-compliant browsers */
}

 

* html div#division {
   height: expression( this.scrollHeight > 332 ? "333px" : "auto" );* sets max-height for IE 為IE設定高度最大值*/
   max-height: 333px;/* sets max-height value for all standards-compliant browsers */
}

 

* html div#division {
   height: expression( this.scrollHeight < 334 ? "333px" : "auto" );/* sets min-height for IE 為IE設定高度最小值*/
   min-height: 333px;/* sets min-height value for all standards-compliant browsers */
}

二、最小寬/高雖然可以用上面的方法實現，但有更簡單的方式

div#division {

　　min-width:300px;

　　width:auto!important;

　　width:300px;

}

注意順序不能更改