css 英文全称英文全称:Cascading Style Sheets，中文译名为层叠样式表，是HTML的外观样式的应用方案，其中有一个清除浮动的属性，clear，如何使用又在什么时候使用呢？
工具/原料
1
电脑一台
2
CSS+html
方法/步骤
1
新建一个HTML文档，并定义三个块元素，示例：
第一个浮动块
第二个浮动块（用于清除浮动）
第三个浮动块
2
将
块元素定义为左浮动，示例：
3
保存以上内容，并在浏览器预览效果，三个元素，从左到右依次排列
4
定义CSS，用于设置清除左浮动，则会新起一行显示，示例：
5
如果是右浮动，需要清除浮动，则需要定义清除右浮动，
定义CSS，用于设置清除右浮动，则会新起一行显示，示例：
6
如果需要清除所有的浮动元素， 无论左侧右侧均不希望出现浮动原则，则可以设置clear:both;
注意事项
1
CSS的clear的运用较为复杂，需要自己多实践
2
喜欢此此经验，请投票和点赞
推荐信息
- 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
div+css简单适用的块级元素伪类清除浮动
- 20
HTMLCSS基础浮动原理及清浮动day05
- 21
教你做火焰牛蛙
- 22
干锅牛蛙的做法
- 23
糖醋牛蛙的做法
- 24
剁椒牛蛙的做法
- 25
怎么牛蛙炒熟后肉上有黑色和红色的丝
- 26
夏季帆布鞋搭配什么样裙子好看？
- 27
夏季牛仔裙配什么上衣
- 28
成败定乾坤！裙子与裤子的混搭方法分析
- 29
中筒袜怎么搭配衣服
- 30
衣橱大搜罗 夏末全新连衣裙
- 31
懒癌小仙女首选单品，T恤裙简约舒适又时髦
- 32
雪纺衫搭配雪纺长裙 MM穿出完美身材
- 33
初夏该怎样穿搭——夏季裙装穿搭攻略
- 34
秋天，有哪些值得推荐的“通勤”连衣裙
- 35
不规则长裙如何搭配显高？
- 36
暗黑地牢2弩手攻略
- 37
密室逃脱D&R2三星通关 2-9
- 38
突袭2：秘密行动2详尽攻略
- 39
3DAMX怎么在两个边之间加线和用线连接两个边
- 40
DNF女枪二次觉醒女枪炮——风暴骑兵介绍