IE 6最小最大宽度与高度的写法

最小最大宽度，最小最大高度，这是CSS很常见的一个要求。在现代浏览器中，一个 min-height，min-width 就可以解决问题，但是在IE系列，比如IE6则比较繁琐一点。下面总结一些IE 6下的最小最大宽度与高度的一些写法。

IE6最小最大宽度：

 

.min-width {

    min-width:600px;

    _width:expression(document.body.clientWidth < 300 ? "300px" : "auto"); 

}



.max-width {

    max-width: 600px; 

     _width:expression(document.body.clientWidth > 600 ? "600px" : "auto");

}

IE6最小最大高度：

.min_height{ 

  min-height:200px; 

  _height:expression(this.scrollHeight < 200 ? "200px" : "auto"); 

} 



.max_height{ 

  max-height:400px; 

  _height:expression(this.scrollHeight > 400 ? "400px" : "auto"); 

}

IE6最大最小宽度：

.min_and_max_width{ 

  min-width:300px; 

  max-width:600px; 

  _width: expression(document.body.clientWidth < 300 ? "300px" :( document.body.clientWidth > 600 ? "600px" : "auto")); 

} 



.min_and_max_width {

    border:solid 1px red;

    height:500px;

    max-width:600px;

    min-width:300px;

 _width: expression(  document.body.clientWidth < 300 ? "300px" : 

 ( document.body.clientWidth > 600 ? "600px" : "auto")  );

}

IE6最大最小高度：

.min_and_max_height{ 

  min-height:200px; 

  max-height:400px; 

  _height: expression( 

    this.scrollHeight < 200 ? "200px" : 

      ( this.scrollHeight > 400 ? "400px" : "auto") 

  ); 

}

IE6最小高度：（第二种方法）

.min_height{

float:right;

width:600px;

border-left:1px solid #ccc;

min-height:1116px;//IE7\FF

height:100%;//IE6\IE7\FF 这个很重要，IE6定死高度后，需要再加上这条，才能自动延伸。

_height:1116px;//IE6

}