zoukankan      html  css  js  c++  java
  • CSS的margin塌陷

    一、两个div并列,上面div的margin-bottom和下面div的margin-top会塌陷,也就说会取上面div的margin-bottom和下面div的margin-top的最大值作为两个并列div中间的margin显示值。
    解决方法:两个div并列,只设置其中一个块上或下margin的一处即可。


    二、父块div内含子块div,且父div没有border-top、padding-top或overflow:hidden这些css属性,这时父、子div的margin-top值会取两个div的最大margin-top值。
    解决方法:
    给父div设置
    1、border:1pxsolidtransparent
    2、padding-top;
    3、over-flow:hidden;

    可参考:

    http://blog.chinaunix.net/uid-22414998-id-3138656.html
    http://blog.csdn.net/dclchj/article/details/9787481

  • 相关阅读:
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
  • 原文地址:https://www.cnblogs.com/junjieok/p/4551797.html
Copyright © 2011-2022 走看看