一个 div 有五个边框,信吗?还真不能不信。
CSS 代码
body{
padding:
20px;}
*{ margin: 0px; line-height: 20px;}
. block{ margin-top: 20px; padding: 10px; border: 1px solid #ccc;}
li{ float: left;}
*{ 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 >
<ul >
<li >cftea </li >
</ul >
</div >
IE 6 中效果
看横着的,不是有三条线么?加上左右两边的,就五个边框了。
解决
方法有很多,稍微打乱一下代码,就不存在五个边框了,比如指定 block 的宽度,比如指定 block 的 zoom:1。
结论
快抛弃 IE 6 吧,为了我们这些整天为兼容性烦恼的人。