什么是浮动呢?定义这样说：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 其实也就是把快级元素变成能和别的快级并排成一行。
浮动的的元素有4点特性：
1.浮动元素会脱离标准文档流，已经不区分快和行了。
2.浮动的元素会互相贴靠。
3.浮动的元素有“字围”的效果。
4.收缩。一个浮动的元素，如果没有设置width，那么将自动收缩为文字的宽度。
清除浮动可以通过以下几种方法：
1. 使用清除浮动的CSS属性：在浮动元素的容器中添加CSS属性“clear:both;”，这将清除浮动元素带来的影响。
2. 使用伪元素清除浮动：在浮动元素的容器中添加一个伪元素，并添加清除浮动的CSS属性，例如“content:'';clear:both;display:table;”。
3. 使用clearfix类清除浮动：在浮动元素的容器中添加一个clearfix类，并在CSS中定义该类，例如“.clearfix:after{content:'';display:block;clear:both;}”。
4. 使用flexbox布局：使用flexbox布局可以避免浮动带来的影响，因为它可以使元素相对于容器进行定位，而不需要使用浮动。
5. 使用网格布局：网格布局也可以避免浮动带来的影响，因为它可以使元素相对于容器进行定位，并可以在网格中自由布置元素。
