CSS clearfix无效

Question

这(http://jsfiddle.net/77RRA/1/)正在运行,而这(http://jsfiddle.net/77RRA/)则不然.

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

Answer 1

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

是.clearfix用于避免非语义空标记.但是,要使其工作,您需要将其放在父元素上.(例子)

但是,在你的情况下,它没有解决兄弟姐妹忽略浮动元素的问题.这不是clearfix的意图,您只需在兄弟上添加clear:right(或both按照您的意愿)#child恢复正常的文档流程.

你的固定例子