html - 替换清除 :both with pseudo class

Question

以前，当我有 float block 时，我会停止 float ，我使用了;

<div style="clear:both"></div>

但是现在，我用伪类解决了这个问题:

.last_floating_div:after {
 content: ""; 
 display: table;
 clear: both;
}

我的工作一直很完美。但是今天……不行了……! 看看这个清晰的例子:http://jsfiddle.net/YsueS/2/

我知道我的问题完全是初学者问题。这个问题我已经卖了很多次了...我真的不明白为什么它在这里不起作用!

非常感谢大家!

Answer 1

当然 - 您可以通过 :after clearfix 清除它，但是最佳、轻量级的解决方案只是在父级上设置 overflow:hidden，实现所需的代码更少的效果。

#mention {
    overflow: hidden;
}

jsFiddle here

不过，要直接回答这个问题，您应该将 :after clearfix 应用到 #mentions - 父项，而不是子项.. jsFiddle here它有效。