很清楚：两者;多余？

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

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

From http://css.maxdesign.com.au/floatutorial/clear.htm

清晰的左侧和右侧不经常使用，它们有一个利基案例，当您只需要清除浮子的一侧时。

Answer 3

如果知道前面的元素是浮动的，那么写clear: left就足够了。同样适用于float: right。但是，如果您不知道上一个元素浮动到哪一侧，那么clear: both会派上用场，因为您无法将clear: left和clear: right组合在一起。