您的位置:首页 > 运维架构

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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: