CSS-浮动&清除浮动

CSS-浮动

浮动是因为使用了float:left或float:right或两者都是有了而产生的浮动。。

---

浮动产生负作用

1、背景不能显示
由于浮动产生，如果对父级设置了（CSS background背景）CSS背景颜色或CSS背景图片，而父级不能被撑开，所以导致CSS背景不能显示。
2、边框不能撑开
如上图中，如果父级设置了CSS边框属性（css border），由于子级里使用了float属性，产生浮动，父级不能被撑开，导致边框不能随内容而被撑开。
3、margin padding设置值不能正确显示
由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。

CSS-清除浮动

clear:both

clear:both,在css中，首先我们理解一下clear，顾名思义就是清除的意思，both的意思是全部，那连起来就是清除全部样式，不过这个样式主要是用于对多个div浮动的清搜索除

父级overflow:hidden;

对父级CSS选择器加overflow:hidden样式，可以清除父级内使用float产生浮动。