守望的麦子

CSS clear 属性到底是什么?

2011-6-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去掉和不去的区别就知道了!

关于作者
麦子,80 后,现从事通信行业。安卓玩家一个人的书房朗读者。
MRJENGLISH
jsntn
jasonwtien
jasonwtien
更多…… /about.html

最近更新: