css之浮动

首先说下什么是浮动（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属性的值。