清除浮动

如何清除浮动，当元素出现浮动以后，其他元素会受到影响，如图：

本来1、2、3应该是垂直排列的，当1出现浮动后，2、3便网上顶了上来。

这种情况我们可以给受到影响的元素设置清除浮动来解决问题

clear来清除浮动，clear有left、right、both、none等几个值，left是清除左浮动对他的影响，right是清除右浮动对他的影响，both是清除左右浮动对他影响大的那个浮动，none是不清除浮动。

如图，给受影响的2清除浮动后，就正常了

现在box1左浮动，box2右浮动，box3清除左浮动显示如下：

现在box1左浮动，box2右浮动，box3清除右浮动显示如下：

如果设置box3清除浮动值未both，效果和claear：right一样，因为右浮动对他影响较大。