CSS clear 属性到底是什么？
2011-06-30
大连
/others/2011/06/30/css-clear-property.html
others
定义和用法
clear 属性规定元素的哪一侧不允许其他浮动元素。
说明
clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS2.1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。
浏览器支持
所有主流浏览器都支持 clear 属性。
via https://www.w3school.com.cn/css/pr_class_clear.asp
代码说明
<html>
<body>
<p style="float:left;width :200px;">这个是第1列</p>
<p style="float:left;width :400px;">这个是第2列</p>
<p style="clear:both;">这个是clear列</p>
</body>
</html>
试试把clear列的style去掉和不去的区别就知道了！
关于作者
最近更新：