浮动
浮动布局：利用Float属性，left、right；添加浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
清除浮动方法：1、clear left right both none 2、width：100% ；overflow：hidden；
浮动布局的特点
1.一旦元素浮动，它就会脱离标准文档流。它会悬在它原来的位置上面，也即它原来占据的位置被腾空。
2.浮动元素对它前面的兄弟元素无任何影响，只对它后面的兄弟元素有影响。由于它已经脱离了正常文档流，它腾空的位置就会被其它正常元素占据。比如：两个尺寸相同的兄弟div，A在前，B在后，当A向左浮动后，B就会占据A的位置，但由于A悬浮在B上面，所以会看不到B。看起来就是两个盒子处在了同一个位置。但是如果它下面的元素是行内/行内块元素，则浮动的块元素会与它们并列显示，不会发生重叠
3.只有当元素全部浮动后才会并排显示，只要中间有未浮动的div挡路，由于未浮动的div是独占一行，这就会导致后面的浮动元素在下一行显示而非并排。比如：三个兄弟div，A向左浮动、B不浮动、C向左浮动，则AB会重叠、C显示在B原来的位置
4.一行上，某元素浮动后，原本与它基线对齐的元素会变成与它顶对齐，即便多个元素都浮动，同样也是顶线对齐
5浮动元素会受到父元素padding和自身margin的影响会在padding、margin处停止
6.元素一旦浮动就会变成行内块元素，具备行内块的特性。
7.由于子元素浮动后，它会脱离正常文档流，如果一个父元素里的子元素全部脱离的正常流，那么父元素如果没有明确设置一个≥子元素高度的height，则子元素会溢出。
