IE8的margin-top兼容问题
2011-05-09 13:10
183 查看
今天调试CSS,在IE8下出现了一个margin-top的bug,查了下,在网上找到了如下解决方案:
问题:
父div在没边框的情况下,子div如果设了 margin-top, 子div的margin无效,父div有了子div的margin-top属性.假设设了边框就没问题.例子:
<div style=”width:400px; height:30px; background:#CCCCCC; border:1px solid #999999″> <div style=”margin-top:5px; width:55px; height:25px; background:#003399″></div> </div> <div style=”width:333px; height:40px; background-color:#000000″> <div style=”width:33px; height:20px; margin-top:5px; background:#CCCCCC”></div> </div>
解决方法:
给父DIV设个:overflow:hidden;相关文章推荐
- IE8 的margin-top兼容问题
- IE8的margin-top兼容问题
- IE8的margin-top兼容问题
- IE8下绝对居中的margin:auto兼容问题解决办法
- IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法 -
- IE7、IE8、ff下的margin-top问题----“折叠margin”
- IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
- IE7、IE8、ff下的margin-top问题 折叠margin
- 关于ie8 的margin-top 问题
- (转)IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
- IE7、IE8、ff下的margin-top问题 折叠margin
- Oracle EBS不兼容IE8问题解决方法
- DIV+CSS相对IE6、IE7和IE8的兼容问题4
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- 修复网页在IE8 下的显示兼容问题
- 兼容IE8的js格式化日期方法,解决ie8不支持Date()的问题
- 父元素与子元素之间的margin-top问题
- ul中的li的高度在IE6、IE7、IE8、FF下不兼容问题的解决办法
- jq的slideToggle()在ie8里遇到bug:下盒子的margin—top失效,margin-top塌陷解决方法