一：浮动的定义
CSS的浮动，更准确的说是水平浮动
元素的水平浮动，意味着元素只能左右浮动，而不能上下浮动
一个浮动的元素会尽量向左或向右移动，直到它的外边框遇到了包含框或另一个浮动的边框为止
浮动元素之后的元素将围绕它（此处指的是图像布局）
浮动元素之前的元素不受影响。
二：浮动的特性
①浮动的元素脱离标准文档流
②浮动的元素相互贴靠
③浮动的元素具有“字围”现象
④浮动的元素会对后面的元素造成影响
三：清楚浮动的影响方法
①给父盒子加上高度：因为我们的元素基本上是由内容撑起高度，不会给固定的高度。
②给后面的父盒子加上clear：both（清除浮动，但是父盒子的margin失效了：父盒子塌陷了）会引起父盒子的margin失效，不推荐使用
③外墙法：在浮动的两个父盒子之间加上一个div，这个div样式为clear：both，这个时候，浮动清除了。margin也出现了。但是父盒子还是没有高度
④内墙法：（在浮动的父盒子最前面或者最后面加上一个div，这个div的样式为clear:both）这个时候父盒子有了高度。但是页面中出现了很多无用的div
⑤overflow：hidden（给第一个浮动的父盒子加上这个属性，也能清除浮动，本意是溢出盒子的部分隐藏起来），这种方法，既能清除浮动，又能让盒子有了高度，还不会出现多余的空盒子。所以，这种方法推荐使用
