父类塌陷（清除浮动）与定位

父类塌陷（清除浮动）与定位

父类塌陷（清除浮动）

方法1：给父元素设置高度（不推荐）

不推荐

不推荐理由：不能把高度固定死，不适合做自适应的效果。

方法2：父元素添加浮动（不推荐）

理由：会影响后面的元素布局。

方法3：添加overflow：hidden（不推荐）

添加overflow：hidden之后，父盒子会拥有BFC属性。不推荐

优点：简单

缺点：内容比较多的时候，容易造成内容被隐藏。

方法4：设置父盒子为行内块（不推荐）

不推荐
理由：会影响后面的元素布局。

方法5：专门清除浮动的属性：clear （不推荐）

clear:both 不允许左侧和右侧有浮动效果。

clear本质：清理元素（拥有clear属性的元素）的顶部添加足够多的外边距，使清理元素的顶部边缘下降到浮动元素的下面。

不足：
1.浮动元素的父类仍然没有高度，父类塌陷没有解决。
2.清理元素的margin-top会失效，其他三个方向仍然有效。

<