全国统一咨询热线:18609840880

网页设计中ie6浏览器下UL和LI的高度兼容性问题

2016-04-11 17:22:10

li是DIV中常用的的元素之一,在这里整理了一下LI的在IE6的兼容性。在ie下如果为li指定高度可能会出现排版错位,用line- height即可。 ie下list-style-position默认为inside,firefox默认为outside,css中指定为outside即可解决兼容性问 题。

li在IE6中固定li的高度之后还是会有2px下间距,只需要使li浮动(float)即可。在DIV中,ul不固定高度,出现DIV高度不能自适用的时候,只需要设定DIV的宽度即可。

如何去掉ul,li前面的点?
     
在body样式里加上list-style:none;就Ok了。

值得注意的是,如果在CSS里面定义了BODY的样式,请注意在CSS里面定义。不要直接在<body>代码里加入。

如果是要去掉单个UL,LI前面的点可以直接:

<ul style="list-style-type:none">
  <li>...</li><li>...</li><li>...</li><li>...</li>
</ul>