li在ie6.7下的BUG

来源:互联网 发布:回族最新人口数据 编辑:程序博客网 时间:2024/05/22 12:36

在ie6,7下当li元素中有元素浮动的时候,li在清除浮动的时候li的上下会出现边距,解决方案:给li元素加个vertical-align:top或者给li左浮动然后宽度100%。

demo:

*{margin:0;padding:0;}

.clear_fix:after{content:".";clear:both; height:0; visibility:hidden; display:block;}
.clear_fix{zoom:1}

span{background:red;float:left;}
</style>
</head>
<body>
    <ul>
        <li class="clear_fix"><span>11</span><span>22</span></li>
        <li class="clear_fix"><span>11</span><span>22</span></li>
        <li class="clear_fix"><span>11</span><span>22</span></li>
    </ul>
</body>
原创粉丝点击