============html====================
<div class="subnav">
<ul>
<li>图片</li>
<li>军事</li>
<li>历史</li>
<li>评论</li>
<li>股票</li>
<li>投教</li>
<li>数码</li>
<li>家居</li>
<li>读书</li>
<li>国学</li>
<li>政务</li>
<li>酒业</li>
<li>旅游</li>
<li>公益</li>
<li>音乐</li>
<li>讲堂</li>
<li>未来</li>
<li>创新</li>
<li>彩票</li>
</ul>
</div>

=================css=================
.subnav{
height: 30px;
/*background-color: rgb(172, 172, 172);*/
}
.container .subnav ul{
line-height: 30px;
margin: 0;
padding: 0;}
.container .subnav ul li{
list-style: none;
float: left;
font-size: 12px;
height: 16px;/*加上这个，分隔的线是短了，但是字在“下一行*/
border-left: 1px solid #c7c7c7;
padding: 0 13.5px;}

你也是自学的吗？可以互相学习讨论交流呀

给li 30px高度

请问楼主知道为什么了吗？同样疑惑