什么是浮动？清除浮动的几种方法？

1、浮动的产生

给class为box里边的div，都设置左浮动以后，会导致class为footer的div上移，代码，页面效果如下图所示：

2、解决浮动的第一种方法：额外标签法

在最后一个浮动的div后添加一个空div（必须是块级元素），并设置这个样式为clear:both，如下图所示：

优点：通俗易懂 书写方便

缺点：添加许多无意义标签，结构化较差

解决浮动的第二种方法：给父元素添加overflow属性，将其值设置为hidden，auto，或scroll如下图所示：

解决浮动的第三种方法：伪元素清除浮动，给父元素添加伪元素，如下图所示：

解决浮动的第四种方法：给父元素添加双伪元素，如下图所示：

清除浮动之后的效果如下图所示：