AI 助理
备案控制台
开发者社区 云计算 文章 正文

清除浮动

2024-09-10 29
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 清除浮动。

清除浮动
（1）清除浮动的基本语法格式
选择器{clear:属性值;}
（2）clear常用的属性值
left：不允许左侧有浮动标签（清除左侧浮动的影响）。
right：不允许右侧有浮动标签（清除右侧浮动的影响）。
both：同时清除左右两侧浮动的影响。
（3）使用空标签清除浮动
在浮动元素之后添加空标签，并对该空标签应用“clear:both;”样式，可清除元素浮动所产生的影响
（4）使用overflow属性清除浮动
浮动元素的父元素添加overflow:hidden;也可以清除浮动。
（5）使用after伪对象清除浮动
必须为需要清除浮动的元素伪对象设置“height:0;”样式，否则该元素会比其实际高度高出若干像素。
必须在伪对象中设置content属性，属性值可以为空，如“content: "";”。

龙腾九州
目录
相关文章
米果粒
|
2月前
清除浮动
清除浮动。
米果粒
25 3
好奇的菜鸟
|
5月前
|
前端开发 容器
CSS布局基础：块级元素、行内元素与行内块元素详解
CSS布局基础：块级元素、行内元素与行内块元素详解
好奇的菜鸟
247 0
vohelon
|
6月前
|
前端开发
什么是块级元素和内联元素？
【5月更文挑战第24天】什么是块级元素和内联元素？
vohelon
65 4
番茄大大~
|
6月前
行内元素、块级元素、空元素的理解
行内元素、块级元素、空元素的理解
番茄大大~
59 0
风与烈酒
行内元素有哪些？块级元素有哪些？ 行内块元素有那些？他们有什么区别？
行内元素有哪些？块级元素有哪些？ 行内块元素有那些？他们有什么区别？
风与烈酒
195 0
汪末末
|
前端开发
CSS 浮动和清除浮动方法总结
CSS 浮动
汪末末
83 0
Clover‘sBlog
|
前端开发 容器
【清除浮动的 5 种方法】
【清除浮动的 5 种方法】
Clover‘sBlog
75 0
带你读小助手
|
前端开发 开发者
浮动与清除浮动| 学习笔记
快速学习浮动与清除浮动。
带你读小助手
157 0
浮动与清除浮动| 学习笔记
aliyun6913902006-15815
|
前端开发
一文搞懂行内元素、块元素、行内块元素
一文搞懂行内元素、块元素、行内块元素
aliyun6913902006-15815
365 0
一文搞懂行内元素、块元素、行内块元素
IT觅语
如何清除浮动的四种方法
清除浮动的四种方法
IT觅语
106 0