我们一般都是在浮动元素的后面添加一个清除浮动的元素，或者对浮动元素设置:after伪对象使其后面增加一个伪元素，比如：
<div><p style="float:left"></p></div>
这个清除浮动的元素应该在p元素后面，而不是在外面div元素的后面，我这样说对吧。
可你把.clearfix应用在父级元素div上，就会在div后面产生一个伪元素，这怎么能清除浮动呢
请看下具体的css代码.clearfix:after{}是表示在.clearfix元素的内容后添加内容，你的疑惑是源于对于:after{}选择器的不理解导致的。
请搜索BFC
BFC可以包含浮动元素，达到清除浮动的效果，不矛盾