CSS清除浮动优一法

某天,在CSS群里有人问起清除浮动的方法.有很多,用伪类,或直接在下面加个<DIV class=”clear”></DIV>进行清除.
个人觉得在网页的制作过程中.用伪类还是一种较多人用的方法..但是他有些方法还是针对HACK来写的.于是
在空闲时间里做一个测试.咦,发现有种方法在IE5.0+,IE6,IE7,FF均支持.拿出来大家分享下..
代码如下:
CSS:
.clearfix{ clear:both; height:1%; display:table; display:inline-block;}

html:
<div class=”clearfix” style=”background:#1f1;width:900px;”>
<h1 style=”float:left; background:#fff; width:100px; height:100px;”>asfdasf   </h1><h6 style=”width:100px;float:left; color:#fff; background:#000;”>asf</h6>
</div>