clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear
属性的元素）增加上外边距实现的。在 CSS2.1
中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。
这段话中清除空间是什么？为什么可以用来清除浮动？
css浮动
希望这篇文章可以帮助你。
可以参考这篇：
《准确理解CSS clear:left/right的含义及实际用途》
设置了clear属性的元素，相应的会在两侧按照没有浮动元素的样式排下去，所以不会受到浮动元素的影响，从而实现清除浮动