CSS的margin塌陷

标签：

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

二、父块DIV内含子块DIV，且父div没有border-top、padding-top或overflow:hidden这些css属性，这时子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

CSS的margin塌陷

标签：

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