CSS控制div宽度最大宽度/高度和最小宽度/高度的方法_ Div+Css教程-查字典教程网
CSS控制div宽度最大宽度/高度和最小宽度/高度的方法
CSS控制div宽度最大宽度/高度和最小宽度/高度的方法
发布时间:2016-12-27 来源:查字典编辑
摘要:在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度,但是在IE6中很多朋友都会遇到不兼容的头疼问题,包括我也经常遇到这样的问题...

在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度,但是在IE6中很多朋友都会遇到不兼容的头疼问题,包括我也经常遇到这样的问题,在百度查了很多都没法解决,后来在一个论坛上学习到,在这里跟大家分享下css3样式代码,经过时间完全兼容各大主流浏览器。

CSS Code复制内容到剪贴板 *最小寬度*/ .min_width{min-width:300px; /*setsmax-widthforIE*/ _width:expression(document.body.clientWidth<300?"300px":"auto"); } /*最大寬度*/ .max_width{ max-width:600px; /*setsmax-widthforIE*/ _width:expression(document.body.clientWidth>600?"600px":"auto"); } /*最小高度*/ .min_height{ min-height:200px; /*setsmin-heightforIE*/ _height:expression(this.scrollHeight<200?"200px":"auto"); } /*最大高度*/ .max_height{ max-height:400px; /*setsmax-heightforIE*/ _height:expression(this.scrollHeight>400?"400px":"auto"); } /*最大最小寬度*/ .min_and_max_width{ min-width:300px; max-width:600px; /*setsmin-width&max-widthforIE*/ _width:expression( document.body.clientWidth<300?"300px": (document.body.clientWidth>600?"600px":"auto") ); } /*最大最小高度*/ .min_and_max_height{ min-height:200px; max-height:400px; /*setsmin-height&max-heightforIE*/ _height:expression( this.scrollHeight<200?"200px": (this.scrollHeight>400?"400px":"auto") ); }

以上就是小编为大家带来的CSS控制div宽度最大宽度/高度和最小宽度/高度的方法全部内容了,希望大家多多支持查字典教程网~

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类