CSS 中的 clear 属性控制元素与前面浮动元素的关系：none：不受浮动元素影响；left：清除左侧浮动元素；right：清除右侧浮动元素；both：清除左右两侧浮动元素。
clear 在 CSS 中的含义
clear 在 CSS 中是一个属性，用于控制一个元素与它前面的浮动元素的关系。当一个元素浮动时，它会脱离正常文档流，允许后面的元素在其上方流动。clear 属性可以强制后面的元素出现在浮动元素的下方。
语法
clear: none | left | right | both;
值
立即学习“前端免费学习笔记（深入）”；
思乐微信商城微分销系统
下载
思乐微信商城微分销系统是以.net+access/mssql进行开发的微信分销系统。基于微信朋友圈的传播，是打造以分销商为中心的全新微信分销体验。让粉丝实时有效的获取朋友圈流量并快速分享购买分佣。因为是基于微信，所以要在微信上体验才更好。关注我们的微信核心功能：1、自动提示用户关注微信，解决一般程序无关注微信公众号的过程2、只要通过链接进一次，不过好久注册，什么方面注册，只要是用微信注册的，都会算
- none: 元素不受前面浮动元素的影响。
- left: 元素清除左边的浮动元素。
- right: 元素清除右边的浮动元素。
- both: 元素清除左右两边的浮动元素。
示例
.container {
width: 100%;
}
.float-left {
float: left;
width: 50%;
}
.no-clear {
clear: none;
}
.left-clear {
clear: left;
}
.right-clear {
clear: right;
}
.both-clear {
clear: both;
}效果
-
.no-clear不会清除前面的浮动元素，.float-left 将会出现在.no-clear的上方。 -
.left-clear会清除左边的浮动元素，.float-left 将会出现在.left-clear的上方。 -
.right-clear会清除右边的浮动元素，.float-left 将会出现在.right-clear的下方。 -
.both-clear会清除左右两边的浮动元素，.float-left 将会出现在.both-clear的下方。
用法
clear 属性通常用于在浮动布局中控制元素的布局和顺序。它可以确保内容不会被浮动元素覆盖或遮挡。
