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

原文地址:https://www.cnblogs.com/junjieok/p/4551797.html