手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS控制div宽度最大宽度/高度和最小宽度/高度的方法
CSS控制div宽度最大宽度/高度和最小宽度/高度的方法
摘要:在网页制作中经常要控制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宽度最大宽度/高度和最小宽度/高度的方法全部内容了,希望大家多多支持查字典教程网~

【CSS控制div宽度最大宽度/高度和最小宽度/高度的方法】相关文章:

min-width最小宽度的作用介绍

IE.JS解决IE兼容性问题方法汇总

三列宽度自适应结构中的的DIV写法

CSS隐藏文字的方法

控制DIV中文字绝对居中的简单方法

CSS实现左图右文混排布局的方法

CSS让ul所有的li居中显示的方法

CSS书写规范及书写顺序的方法

用CSS巧控制段落缩进的方法

CSS 控制Html页面高度导致抖动问题的原因

精品推荐
分类导航