首页 > 其他 > 详细

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

时间:2014-04-11 13:34:20      阅读:536      评论:0      收藏:0      [点我收藏+]

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

IE6最小最大宽度:

 

bubuko.com,布布扣
.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");
}
bubuko.com,布布扣

IE6最小最大高度:

bubuko.com,布布扣
.min_height{ 
  min-height:200px; 
  _height:expression(this.scrollHeight < 200 ? "200px" : "auto"); 
} 

.max_height{ 
  max-height:400px; 
  _height:expression(this.scrollHeight > 400 ? "400px" : "auto"); 
}
bubuko.com,布布扣

IE6最大最小宽度:

bubuko.com,布布扣
.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")  );
}
bubuko.com,布布扣

IE6最大最小高度:

bubuko.com,布布扣
.min_and_max_height{ 
  min-height:200px; 
  max-height:400px; 
  _height: expression( 
    this.scrollHeight < 200 ? "200px" : 
      ( this.scrollHeight > 400 ? "400px" : "auto") 
  ); 
}
bubuko.com,布布扣

IE6最小高度:(第二种方法)

bubuko.com,布布扣
.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
}
bubuko.com,布布扣

IE 6最小最大宽度与高度的写法,布布扣,bubuko.com

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

原文:http://www.cnblogs.com/kt520/p/3658109.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!