overflow及父级边框塌陷

clear right 右侧不允许有浮动元素 

clear left 左侧不允许有浮动元素 

clear none

clear both

 

解决方案：

 

小结：

1.浮动元素后面增加空的div

简单 。

代码中尽量避免空的div

2.设置父元素的高度

简单，元素假设没有固定的高度，就会被限制

3.overflow

简单，下拉的一些场景避免使用

4.父类添加一个伪类：after（推荐）

写法稍微复杂，但是没有副作用

 

对比：

-display

方向不可以控制

-float

浮动起来的话会脱离标准文档流，要解决背景塌陷的问题