将clear:both替换为伪类

以前，当我有浮动块时，我将停止浮动，我使用 ;

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

但现在，我用伪类解决这个问题：

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

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

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

非常感谢大家！

当然 - 您可以通过:afterclearfix，然而，最优化、轻量级的解决方案就是设置overflow:hidden在父级上，以更少的编码实现所需的效果。

#mention {
    overflow: hidden;
}

jsFiddle 在这里 http://jsfiddle.net/JSuGN/

不过，要直接回答这个问题，您应该应用:after清除固定到#mentions- 父母，而不是孩子..jsFiddle 在这里 http://jsfiddle.net/nqD3m/有用。