CSS clearfix 不工作

Question

这个 ( http://jsfiddle.net/77RRA/1/) 有效，而这个 (http://jsfiddle.net/77RRA/) 无效。

clearfix 不是应该替换行 <div style="clear: both;"></div> 吗？ ？

Answer 1

Isn't clearfix supposed to substitute the line <div style="clear: both;"></div>

是的。 clearfix 用于避免非语义空标签。但是，要使其正常工作，您需要将其放置在父元素上。 ( Example )

但是，在您的情况下，它没有解决 sibling 将忽略 float 元素的问题。这不是 clearfix 的意图，您只需添加 clear:right (或 both，如您所愿)在您的 #child 上sibling 以恢复正常的文档流。

your fixed Example