标签<li>为什么不显示_html/css_WEB-ITnose

如图，一共有7个

标签，却只显示了前5个，后两个不知道为什么显示不出来，源代码里显示没错，在dreamweaver里也能看到后两个的效果，但到网页就没有了

回复讨论(解决方案)

把代码发上来。

<center>  <table width="587" align="center">    <tr>      <td align="left" style="color:black">      <ul class="list" id="hotInfo">      <li><a title='1111'  ><input type="checkbox" value="1111" name="articleId"/><a href='www.baidu.com' target="_blank">11111</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href='www.baidu.com'>222</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>3333333</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>444444</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>5555555</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>666</a><br/>      </li>      <li><a title='1111' target="_blank" ><input type="checkbox" value="1111" name="articleId"/><a href=''>777777777</a><br/>      </li>      </ul>      </td>    </tr>  </table>  </center>

相关的css代码：

.list {height:140px;overflow:hidden;}.list li {float:left;width:405px;height:27px;line-height:27px;color:#888;overflow:hidden;background:url(../images/arrow.gif) no-repeat 0 6px;padding-left:15px;border-bottom:1px dotted #D8EBF9;}.list li a {color:#005494;padding:0 5px;}

高度问题？

高度问题？

是的。ul的高度超过了.list类定义的140px的高度，删除下面这个样式就行了。

.list { height:140px;   overflow:hidden;}

引用 4 楼  的回复:

高度问题？


是的。ul的高度超过了.list类定义的140px的高度，删除下面这个样式就行了。
CSS code
.list {
    height:140px;
    overflow:hidden;
}
设置为自动高度也行的

对对对，我之前一直没注意CSS里边的值，贴出来代码才发现，谢谢各位，就是高度问题！！