关于清除浮动

关于清除浮动

一、为什么要浮动

我个人认为是为了页面的美观，方便布局，但是浮动是把双刃剑，有利也有弊

二、什么时候需要清除浮动

很多种原因。1.如果父元素没有设置高度，而子级元素设置了浮动，这样会导致父元素高度的坍塌。2.导致背景不能显示，如果对父级设置了背景属性，导致父级不能撑开，会影响到背景图片不能正常打开。3.浮动会导致父级子级之间设置了padding，导致了属性不能正常传达，导致margin不能正常显示，所以我们要清除浮动。

三、怎么清除浮动

1、在浮动元素之后加上<div style='clear:both'></div>,clear存在left,right,both,none,inheart,

2、.在父元素中设置属性overflow:hidden||auto

3、添加伪元素设置清除浮动样式