css - css br clear 有什么问题？

Question

我偶然发现了这篇文章 http://www.thefloatingfrog.co.uk/css/my-hatred-of-br-clearall/

什么时候需要用到它？ 为什么它是邪恶的？ 我不明白替代语法你能解释一下吗？

Answer 1

将 clear 设置为 both 不允许其他元素 float 在元素的左侧或右侧。下面的类是将它添加到任何地方的简单方法。

.clear {
    clear:both;
}

所以当你想清除某些东西时(也就是说，如果你要将下一个元素 float 到左边，它会在当前元素的下方和左边，而不是它的左边)你只需添加.清除类。

以下代码的问题在于，如果稍后您决定不想清除“something”类之后的所有内容，那么您必须检查 HTML 并在任何位置删除 br clear="all"你有那个“东西”类。

<div class="something">Cool content.</div>
<br clear="all">
<div class="other">Cool content again.</div>

相反，你可以这样做:

.something {
    float: left;
}
.other {
    clear :both;
    float: left;
}

<div class="something">Hi!</div>
<div class="other">Hi again from below!</div>

那样的话，如果稍后您决定使用“其他”类 float 所有 block ，那么您只需删除“clear:both;”即可。来自 CSS 一次。