今天小编跟大家讲解下有关CSS控制div宽度最大宽度/高度和最小宽度/高度的方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS控制div宽度最大宽度/高度和最小宽度/高度的方法 的相关资料,希望小伙伴们看了有所帮助。
在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度 但是在IE6中很多朋友都会遇到不兼容的头疼问题 包括我也经常遇到这样的问题 在百度查了很多都没法解决 后来在一个论坛上学习到 在这里跟大家分享下css3样式代码 经过时间完全兼容各大主流浏览器。
CSS Code复制内容到剪贴板 *最小度*/ .min_width{min-width:300px; _width:expression(document.body.clientWidth<300?"300px":"auto"); } .max_width{ max-width:600px; _width:expression(document.body.clientWidth>600?"600px":"auto"); } .min_height{ min-height:200px; _height:expression(this.scrollHeight<200?"200px":"auto"); } .max_height{ max-height:400px; _height:expression(this.scrollHeight>400?"400px":"auto"); } .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_height{ min-height:200px; max-height:400px; _height:expression( this.scrollHeight<200?"200px": (this.scrollHeight>400?"400px":"auto") ); }以上就是小编为大家带来的CSS控制div宽度最大宽度/高度和最小宽度/高度的方法全部内容了 希望大家多多支持爱蒂网~
来源:爱蒂网