发布时间：2025-12-11 00:46:02 浏览次数：2
说明
1、用于规定元素哪一侧不允许浮动元素,默认值为none,表示不清除,左右两侧允许浮动元素。
2、确保当前元素的左右两侧没有浮动元素。clear只对元素本身的布局起作用。
可选值
left清除左侧浮动元素对当前元素的影响
right清除右侧浮动元素对当前元素的影响
both清除左/右两侧浮动元素对当前元素的影响
实例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>clear属性</title><style>.box1{width:200px;height:200px;background-color:cadetblue;/*设置向左浮动*/float:left;}.box2{width:400px;height:400px;background-color:crimson;float:right;}.box3{width:200px;height:200px;background-color:chartreuse;/*设置clear属性:使其位置不受左侧浮动元素的影响*//*clear:left;*//*设置clear属性:使其位置不受右侧浮动元素的影响*//*clear:right;*//*clear:both;*/}</style></head><body><p>1</p><p>2</p><p>3</p></body></html>
免责声明：本站内容（文字信息+图片素材）来源于互联网公开数据整理或转载，仅用于学习参考，如有侵权问题，请及时联系本站删除，我们将在5个工作日内处理。联系邮箱：303555158#qq.com（把#换成@）
微信便捷交流