CSS论坛's Archiver

net80earn 发表于 2011-10-31 19:24

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中跳到下一行去了呢,右边的宽度足以放下这些文字了,急求解!

84uu 发表于 2011-11-2 21:14

没有对li设置高度,同时可能ul设置高度不够,通常我们不设置ul的高度

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.