如何清除浮动,当元素出现浮动以后,其他元素会受到影响,如图:
本来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一样,因为右浮动对他影响较大。