什么是CSS清除浮动？在非IE浏览器（如Firefox、Chrome）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。
工具/原料
1
网页浏览器
2
记事本
方法/步骤
1
使用带clear属性的空元素div的代码
css的代码.clear { clear: both; }在浮动元素后面（同一父节点）添加这个空的div即可。2
使用邻接元素处理给浮动元素后面的元素添加clear属性
3
给父容器增加一个样式.clearfix:after{ content: '020'; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { /* 触发 hasLayout */ zoom: 1; }
建议使用这种类型的，因为不会增加多余的html元素，兼容性也好。
上一篇：css清除浮动常用的两种方法
下一篇：Css中清除浮动的方法1
推荐信息
- 1
FLASH CS6制作简单的数字游戏（AS3）
- 2
css怎么清除浮动
- 3
css清除浮动常用的两种方法
- 4
css清除浮动代码
- 5
Css中清除浮动的方法1
- 6
css清楚浮动的方法
- 7
css清除浮动的有效方法
- 8
css清除浮动常用的几种方法
- 9
最常用的CSS清除浮动代码
- 10
css+div浮动与清除浮动
- 11
div+css的浮动如何清除?
- 12
css 子元素撑开父元素 清除浮动
- 13
CSS教程 清除浮动
- 14
css如何清除左右浮动
- 15
css清除浮动float的方法
- 16
CSS浮动使用的详细教程和清除浮动
- 17
CSS教程 浮动与消除浮动
- 18
CSS的清除浮动，float父级塌陷现象
- 19
lol轻松为你解答各种难题
- 20
DNF喔喔跑向旺旺年转运福珠获取攻略
- 21
lols4荣耀行刑官德莱文怎么加点天赋怎么配符文
- 22
q宠大乐斗怎么样镶嵌魂珠?
- 23
lol s5符文天赋打法复仇之矛卡莉丝塔滑板鞋
- 24
lol s5符文天赋打法暗黑元首辛德拉
- 25
lol英雄联盟虚空之眼维尔科兹技能点怎么加
- 26
lol s5符文天赋打法钢铁大使波比
- 27
lol s5符文天赋打法大发明家黑默丁格大头
- 28
lol s5符文天赋打法放逐之刃锐雯锐萌萌
- 29
英雄联盟狂战士奥拉夫出装攻略
- 30
英雄联盟s5赛季盖伦
- 31
lol s5符文天赋打法暴走萝莉金克丝
- 32
英雄联盟黑暗之女安妮S4天赋加点及出装技巧
- 33
LOL英雄 巨魔之王特朗德尔上单半肉加点出装推荐
- 34
Q宠大乐斗帮派发展：[6]魂珠镶嵌
- 35
LOL英雄 雪人骑士努努暴力打野加点出装
- 36
英雄联盟LOL：冰霜女巫AP 中单之路 攻略
- 37
lol s5符文天赋打法惩戒之箭韦鲁斯
- 38
Q宠大乐斗系列攻略！：[3]魂珠镶嵌