多种方法解决min-width 不兼容ie6的问题
2013-10-16 16:25
381 查看
方法一:
把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。
方法二:
方法三:
方法四:
height:auto!important; height:580px; min-height:580px;
把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。
方法二:
min-height:200px; _height:200px;
方法三:
#min-width{ min-width:900px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":""); line-height:200px; background:#ccc; }
方法四:
#mpage{ width:100%; min-width:980px; position:relative; _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto'); }
相关文章推荐
- IE6不支持CSS中的min-width/height属性问题的解决方法
- min-width、max-width兼容IE6、IE7的解决方法
- min-width的跨浏览器兼容解决方法
- [转]ie6下表格宽度超宽bug,问题的解决方法(兼容ie6,7,8,ff)
- min-width、max-width、min-height、max-height在IE6下兼容的解决办法
- min-width 不兼容ie6的解决办法
- 让IE6支持兼容min-width、max-width CSS样式属性的方法
- min-width、max-width、min-height、max-height在IE6下兼容的解决办法
- 利用JS解决ie6不支持max-width,max-height问题的方法
- 解决 min-width 在 IE6 中无效的方法
- IE6不支持min-height或max-width等完美解决方法
- png透明问题解决方法(png图片ie6不兼容问题)
- CSS_解决IE6中min-width问题
- 000 - 定义String trim()方法,解决兼容问题IE6、7、8
- 解决IE6中不能实现min-width和max-width的问题
- CSS_解决IE6中min-width问题
- inline-block和text-indent在IE6,IE7下同时使用的兼容问题解决方法
- 解决 min-width 在 IE6 中无效的方法
- IE6不支持max-width和min-height解决问题
- ie6兼容min-width解决