发新话题
打印

ie6和firefox显示不一样,求解

ie6和firefox显示不一样,求解

CSS代码如下

*{
        list-style:none;
        padding:0;
        margin:0;
        font-size:14px;
        color:#000;
}
.test{
        width:550px;
        height:100px;
        border:1px solid blue;
        padding-left:50px;
}
ul li{
        float:left;
        padding:5px;
}

HTML代码如下

<div class="test">
<ul>
  <li><a href="#">冲向暴风雨</a></li>
  <li><a href="#">警告</a></li>
  <li><a href="#">巧妙的相遇</a></li>
  <li><a href="#">我们懂得爱情</a></li>
  <li><a href="#">想恋人</a></li>
  <li><a href="#">巧妙的相遇</a></li>
  <li><a href="#">我们懂得爱情</a></li>
</ul></div>

为什么在firefox中能够完全放下,而在ie6中跳到下一行去了呢,右边的宽度足以放下这些文字了,急求解!
没有对li设置高度,同时可能ul设置高度不够,通常我们不设置ul的高度
发新话题