什么是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
家庭装修半包好还是全包好?
- 20
领导推荐意见怎么写
- 21
毛遂自荐书怎么写
- 22
导师推荐意见应该怎么写
- 23
二级学院推荐意见
- 24
优秀员工推荐理由怎么写
- 25
装修方式:清包、半包、全包哪种好?
- 26
怎么写好书评?书评怎么写?
- 27
选择全包装修您已经准备好了吗
- 28
如何熬中药油治牛皮廯和湿疹
- 29
怎样做又香又好吃的牛油蛋糕?
- 30
串串香的做法?
- 31
装修选择全包怎么样
- 32
怎么自制麻辣烫配料?
- 33
皮冻怎么熬制
- 34
牛油曲奇的做法,甜品控看过来!
- 35
重磅牛油蛋糕的做法
- 36
牛油蛋糕的做法
- 37
冬季怎样在家做酥炸牛油水果馅饼?
- 38
经典牛油曲奇如何做才好吃
