浮动：让元素脱离文档流，不受父盒子限制；浮动元素的宽高不会撑大父盒子(在父盒子无高度情况下)。 浮动元素不会遮盖文字部分，文字会围绕浮动元素；
浮动目前功能：
1.清除图片之间空白间隙；
2.行级元素设宽高。
使用场景多是宽高一致的元素整齐排列。
清除浮动的方法： 1.给浮动元素的父盒子加overflow: hidden;
2.在浮动元素最后加样式或类clear: both;
3.利用伪元素清除浮动，加在浮动元素的父盒子上：
clearFloat::after {
content: "";
clear: both
;
display: block
;
}
4.可以浮动元素的父盒子加高度。
