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