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
治疗偏头痛的实用小方法:[7]按揉风池穴
- 31
现代儒商如何提高道德修养,遵循中华传统美德
- 32
职场新人应具备哪些良好的工作心态?
- 33
致即将迈入高三的同学们
- 34
最强蜗牛如何获得初心者赠礼宝箱
- 35
付出与回报成正比的感悟有哪些
- 36
补气血分开补的好处
- 37
怎样改掉坏的习惯
- 38
主题教育总要求
- 39
微众银行坚守普惠金融初心满足多样化的金融需求
- 40
是否应该把兴趣当做职业?