本文分两部分：浮动、消除浮动 一、浮动：让元素脱离标准流，移动到指定位置。 float:left | right 1、浮动后的元素不占有原来的位置，当我不添加浮动效果是这样的。 当我给第一个盒子box1 添加左浮动后 结论：第一个红色盒子浮起来了，蓝色的盒子就跑到红色盒子原来的位置了，导致只能看见红色。 2、当两个盒子的浮动值一样时，同时为left或者right。 3、子元素在父元素上浮动。 无论我是把子元素的浮动设置为right还是left，它都不会出去父元素。 4、浮动后的元素不会占有父元素的内边距 结论： 1、浮动后的元素脱离标准流 2、浮动后的元素不占有原来的位置 3、两个盒子浮动值一样是，则会顺序排列在一行 4、浮动后的子元素不会超出父元素的范围 5、浮动后的元素自动转化为行内块元素 6、浮动后的元素不会占有父元素的内边距。 二、消除浮动 消除浮动并不是把浮动完全消除，而是消除浮动带来的影响。 四种方法： 1、额外标签法 : 2、overflow:hidden法；
3、添加伪元素after法 4、添加双伪元素after和before法
