zoukankan      html  css  js  c++  java
  • IE8的margintop兼容问题

         今天调试CSS,在IE8下出现了一个margin-top的bug,查了下,在网上找到了如下解决方案:

    问题:

      父div在没边框的情况下,子div如果设了 margin-top, 子div的margin无效,父div有了子div的margin-top属性.假设设了边框就没问题.

    例子:

    复制代码
    1 <div style=”400px; height:30px; background:#CCCCCC; border:1px solid #999999″>
    2   <div style=”margin-top:5px; 55px; height:25px; background:#003399″></div>
    3 </div>
    4
    5 <div style=”333px; height:40px; background-color:#000000″>
    6   <div style=”33px; height:20px; margin-top:5px; background:#CCCCCC”></div>
    7 </div>
    复制代码

    解决方法:

      给父DIV设个:overflow:hidden;

  • 相关阅读:
    sql ''增删改'' 笔记
    表单
    html基础
    第一本书的总结
    带参
    字符串
    zookeeper入门与实践
    node中间层转发请求
    npm脚本传参问题
    docker入门笔记
  • 原文地址:https://www.cnblogs.com/scgw/p/2621494.html
Copyright © 2011-2022 走看看