最近重温了CSS相关的一些内容，很多当时不理解的内容，到现在逐渐理解了一些。
干脆对清除浮动的方法做一个总结，便于自己今后遗忘再寻找，在这里也提供一个参考。
目录
为何要清除浮动
由于浮动不占有文档流本身的位置，在父元素不设置高度的情况下，父元素内的子元素如果浮动，会引起父元素的高度塌陷(父元素无高度，高度为0)，高度塌陷不利于父元素本身的展开，也不利于父元素后续同级元素的设置，因此需要清除浮动。
本质与策略
清除浮动的本质就是清除浮动元素脱离标准流造成的影响。
清除浮动的策略就是闭合浮动，只让浮动在父盒子内部影响，不影响父盒子以外的其他元素。
清除浮动的核心
清除浮动的核心就是CSS中的 clear 样式，通常有三种 left，right，both，一般只用 both。
由于这个样式的存在，于是出现了 4 种方法用来清除浮动，虽然黑马的 pink 老师将其归为 4 种方法，但是根据闭合的方式来说其实就只有两种。第三种和第四种都是第一种的高级延伸。在后面 3/4 方法的时候我会进行总结。
清除浮动的方法
首先，举个高度塌陷的例子。
CSS样式
.box {
最低0.47元/天 解锁文章
795
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
