什么是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
如何使用Microsoft Word设计名片
- 26
不用购买网名,如何制作自己的网站
- 27
电子名片在线制作方法
- 28
用Word给自己做一张名片吧
- 29
如何修改自己的昵称和个性签名
- 30
易迅购物时如何设置自己的姓名呢?
- 31
如何下载网页上的doc
- 32
word文件doc与docx怎么实现相互转换
- 33
doc文件怎么转换成word
- 34
doc和docx的word格式如何正确转化成其他格式
- 35
docx文件怎样打开
- 36
WPS如何保存文件类型是DOC
- 37
如何区别大众1.5和1.6
- 38
doc文件怎么打开,doc的几种打开方式