首先说下什么是浮动（float）：浮动的框可以向左向右移动，直到他的外边缘碰到包含框或者另一个浮动框为止。
浮动在css样式里面是很重要的，我们一起来看看浮动的特点：
1.脱离标准文档流（简称脱标），元素一旦脱离标准文本流，后面的元素会占据浮动元素原来的位置，元素一旦浮动脱标，那么就不必遵守文档流中的块级元素和行内元素的特性。
2.元素浮动，会脱离文档流，但是不会脱离文本流，所以会产生字围效果。
3.互相贴靠。
浮动带来的影响：
1.能够让浮动之后的元素布局产生混乱。
2.子元素浮动会对父元素产生影响。
清除浮动的方法：
1.给浮动的外层元素添加高度（不推荐）
2.overflow：hidden溢出隐藏
3.clear:both 清除浮动带来的影响。
4.隔墙法：①内墙法 ②外墙法（不仅仅可以消除浮动，还可以给父元素以高度）
float可能的值：
1.left 元素向左浮动。
2.right元素向右浮动。
3.none默认值，元素不浮动，并会显示在其文本中出现的位置。
4.inherit规定应该从父元素继承float属性的值。