一个 div 有五个边，这个只有 IE 6 干得出来！

一个 div 有五个边框，信吗？还真不能不信。

CSS 代码

body{ padding: 20px;}
*{ margin: 0px; line-height: 20px;}
. block{ margin-top: 20px; padding: 10px; border: 1px solid #ccc;}
li{ float: left;}

HTML 代码

<div class="block" >
    <ul >
        <li >cftea </li >
    </ul >
</div >

IE 6 中效果

看横着的，不是有三条线么？加上左右两边的，就五个边框了。

解决

方法有很多，稍微打乱一下代码，就不存在五个边框了，比如指定 block 的宽度，比如指定 block 的 zoom:1。

结论

快抛弃 IE 6 吧，为了我们这些整天为兼容性烦恼的人。