清除浮动,clearfix的bug

.clearfix,.cf{zoom:1;}
.clearfix:after,.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

clearfix，一直认为他是用来清除子元素浮动的，但今天却碰到了一个意想不到的问题，他影响到了该DOM兄弟节点的布局，无例无真相：

http://jsfiddle.net/FuNZx/4/