1 .box.cf
 2     img.fl
 3     img.fr
 4 <#gth# 以上是jade格式 -->
 5 
 6 .cf:after{
 7     display:table;
 8     content:"";
 9     clear:both;
10 }
11 
12 .cf{*zoom:1;}
13 <#gth# 以上为对应css -->

因为clear 属性定义了元素的哪边上不允许出现浮动元素，

这里是两边都清除了，

所以通过after插入的元素就在img（浮动）下面，不会从父元素.box的顶部开始布局，

从而也就撑起了.box。

zoom是为了满足IE6/7，不过现在应该没人用这两个浏览器了。