CSS 清除属性 (clear) 用来控制元素与浮动元素的关系，确保非浮动元素不会流到浮动元素下方。用法如下：none：不清除浮动left：清除左侧浮动right：清除右侧浮动both：清除左右浮动
CSS 中 clear 属性的作用
clear 属性用于控制一个元素与浮动元素之间的关系，确保非浮动元素不会流到浮动元素的下方。
用法
clear: none | left | right | both;
none：默认值，不清除浮动。left：清除左侧的浮动元素。right：清除右侧的浮动元素。both：清除左右两侧的浮动元素。
作用
立即学习“前端免费学习笔记（深入）”；
当元素浮动时，它们会被置于文档流之外，后面的非浮动元素会流到浮动元素的下方。clear 属性通过设置非浮动元素的 clear 值，使其强制在浮动元素的上方开始。
例如，以下代码将确保段落元素不会流到浮动图像的下方：
p { clear: both;}
示例
假设有以下 HTML 代码：
段落
如果未设置 clear 属性，段落元素将流到图像元素的下方，导致布局混乱。
通过设置 clear 属性，可以确保段落元素在图像元素的上方开始：
.container { width: 500px;}.image { float: left; width: 200px; height: 200px; background: #f00;}p { clear: both;}
在此示例中，段落元素强制在图像元素的上方开始，从而使布局清晰明了。
以上就是css中的clear的作用是什么的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1628813.html
微信扫一扫 
支付宝扫一扫 
