<div style="height:100pxwidth:1pxborder-left:1px #000 solid"></div>
希望我这样的回答能帮到你。
li里面要包含a标签，然后把a标签变成块，再给a标签一个右边框，就是你说的分割竖线，这样来控制a标签的高，就可以控制到分割竖线的高了。具体代码：
<style>
li{float:leftwidth:100pxheight:30px}
li a{display:blockwidth:100pxheight:30pxborder-right:1px solid #000}
</style>
<ul>
<li><a>导航一</a></li><li><a>导航二</a></li><li><a>导航三</a></li>
</ul>
