css - 很清楚：两者；多余的？

Question

是否可以模仿clear: both;使用clear: left;或clear: right;在所有可能情况下的行为？因此，它可以被认为是多余的吗？

Answer 1

如果你写

someSelector {
 clear: left;
 clear: right;
}

只取两个值中的一个，这根本不等于

someSelector {
 clear: both;
}

参数参考clear：https ://developer.mozilla.org/en-US/docs/CSS/clear

left注意：如果在第一条规则中应用了第一个 ( ) 或最后一个 ( ) 值，则可能存在一个文档，right但由于在规则中具有两次相同的参数总是一个错误，我不会寻找它。

Answer 2

clear: left

元素移动到源文档中较早元素产生的任何左浮动框的底部外边缘下方。

clear: right

元素移动到源文档中较早元素产生的任何右浮动框的底部外边缘下方。

clear: both

该元素移动到源文档中早期元素的所有浮动框下方。

来自 http://css.maxdesign.com.au/floatutorial/clear.htm

clear left&right 不经常使用，当您只需要清除浮动的一侧时，它们有一个利基案例。

Answer 3

如果您知道前面的元素是向左浮动的，那么编写clear: left就足够了。同样对于float: right。但是，如果您不知道前面的元素浮动到哪一侧，那么clear: both它会派上用场，因为您无法以其他方式组合clear: leftand clear: right。