清除浮动
（1）清除浮动的基本语法格式
选择器{clear:属性值;}
（2）clear常用的属性值
left：不允许左侧有浮动标签（清除左侧浮动的影响）。
right：不允许右侧有浮动标签（清除右侧浮动的影响）。
both：同时清除左右两侧浮动的影响。
（3）使用空标签清除浮动
在浮动元素之后添加空标签，并对该空标签应用“clear:both;”样式，可清除元素浮动所产生的影响
（4）使用overflow属性清除浮动
浮动元素的父元素添加overflow:hidden;也可以清除浮动。
（5）使用after伪对象清除浮动
必须为需要清除浮动的元素伪对象设置“height:0;”样式，否则该元素会比其实际高度高出若干像素。
必须在伪对象中设置content属性，属性值可以为空，如“content: "";”。
清除浮动
2024-09-10
34
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
清除浮动。
目录
相关文章
|
3月前
|
6月前
|
前端开发
容器
|
7月前
|
前端开发
|
前端开发
搜索推荐
容器
|
前端开发
容器
|
前端开发
开发者
|
前端开发
|
容器
|
前端开发
开发者
热门文章
最新文章
1
RDS入门——Excel文件转存到RDS数据库实践
2
3、Python与设计模式--建造者模式
3
PostgreSQL SQL HINT的使用
4
跟阿里云技术专家阙寒一起深度了解视频直播CDN技术
5
流批一体的近实时数仓的思考与设计
6
带你读《存储漫谈Ceph原理与实践》第三章接入层3.3.文件存储 CephFS（一）
7
java split()
8
（转载） 数组a[]={3,5,2,4,1,8}，要求从a中找出所有“和”等于10的子集
9
linux下java 调用 c jni 实现 HelloWorld
10
ASP.NET MVC Music Store教程（3)：视图和视图模型
1
一个包含了 50+ C#/.NET编程技巧实战练习教程
46
2
使用 BenchmarkDotNet 对 .NET 代码进行性能基准测试
29
3
C#集合数据去重的5种方式及其性能对比测试分析
24
4
精选10款C#/.NET开发必备类库（含使用教程），工作效率提升利器！
25
5
.NET MongoDB数据仓储和工作单元模式封装
32
6
推荐几个不错的数据库设计工具
34
7
C#正则表达式快速入门
20
8
好消息，在 Visual Studio 中可以免费使用 GitHub Copilot 了！
31
9
3款.NET开源、功能强大的通讯调试工具，效率提升利器！
21
10
.NET 在 Visual Studio 中的高效编程技巧集
22