ul li 在ie 和firefox中的不同

来源:互联网 发布:什么软件制作矢量图 编辑:程序博客网 时间:2024/05/22 00:28

用ul,li制作表格是,在firefox:ul定义的边框无法显示在li上。(测试地方:ie是在ie6/7,firefox是版本3.0.6)

解决办法:

    1.在ul 的最后一个li写为:<li class="clear"></li>

    2.在css中写上.clear{clear:both; *display:none;}

这个是定义了边框在ie正常,如图1:

在firefox却出现这样的情况,如图2:

比较:对ul 定义的border 只对第一行起了作用。

先做了如下修改,在ul 的最后一个li写为:<li class="clear"></li>
在css中加上.clear{clear:both; }

出现的问题,在firefox中显示正确,如图1.
但在ie中出现问题,如图三:

标注处:ie中出现表格超出,解决办法:
在css中写上.clear{clear:both; *display:none;}

此时显示正确,如图1.