怎么解决margin-top塌陷

怎么解决margin-top塌陷

对于margin-top的塌陷问题，可以从以下几点去解决：

1.给父元素增加边框

为了不影响原先的效果，可以将边框颜色设置为白色 *与背景色同色

2.溢出隐藏

在父元素的style里面添加overflow：hidden；

3.利用浮动

给父元素的style添加浮动，但是这种方法不推荐使用。因为会带来未知的错误

4.给父元素添加position:fixed;

这里用到了定位的知识，将父元素显示在固定位置，就不会受margin-top塌陷的问题影响

5.给父元素设置display：table;

6.使用伪元素

.clearfix { zoom:1 }
.clearfix:after{ 
	content:"";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
	visibility:hidden;
}