css Margin塌陷问题（margin属性撑不开盒子）

问题

在两个盒子嵌套时，内部的盒子设置的margin-X会加到外边的盒子上，导致内部的盒子margin-X设置失败。。。

解决方案

1、外部盒子设置一个边框

2、外部盒子设置overflow:hidden;

3、使用伪元素类

.clearfix:before{
　　content:””;
　　display:table;
}

实例代码

 

文章摘自：https://www.cnblogs.com/reyinever/p/10629982.html

 

转载于:https://www.cnblogs.com/penghewen-cnblogs/p/11211182.html