margin-top无效的解决方法

也就是一个父DIV和一个子DIV，子DIV设置margin-top后，高度应用到了父DIV上面。。。而子DIV无效果

 

网上查了一下原因，有人说是“margin叠加bug”。有几个解决方法：

 

1.在父元素加上有意义的border数值（0，none无效）

2.在父级内部的添加上、下两个空元素

3.在父级元素加： float:left; (clear:both;)

4.在父级元素加：overflow:hidden;

我个人觉得还是第四种比较好，1、2种方法有点不伦不类的，第三种浮动吧，做不好还有“后遗症”，所以加上overflow:hidden;比较保险。