如何解决拉伸水平ul以适合div的宽度？
开发过程中遇到拉伸水平ul以适合div的宽度的问题如何解决？下面主要结合日常开发的经验，给出你关于拉伸水平ul以适合div的宽度的解决方法建议，希望对你解决拉伸水平ul以适合div的宽度有所启发或帮助；问题描述
这是最简单的方法：
这在ie7中不起作用。
#horizontal-style {
display: table;
wIDth: 100%;
/*table-layout: fixed;*/
}
#horizontal-style li {
display: table-cell;
}
#horizontal-style a {
display: block;
border: 1px solID red;
text-align: center;
margin: 0 5px;
background: #999;
}
解决方法
对于我网站的主导航，主导航链接的宽度为980像素，带ul。我正在尝试使导航链接拉伸以均匀地适合div的宽度。
<div style="width: 980px;">
<ul id="horizontal-style">
<li><a href="#">Nav Item</a></li>
<li><a href="#">Short Item</a></li>
<li><a href="#">Really Long Nav Item</a></li>
<li><a href="#">Nav Link</a></li>
<li><a href="#">Another Link</a></li>
</ul>
</div>
我正在做一些典型的CSS来水平制作ul列表（浮动：左，显示：块）。我可以调整li的填充以使其非常接近，但是我真正需要的是一种使其自动伸展以适应的方法。可能？
编辑 难度1：无法使用表格。困难2：每个导航项的宽度都不同，以容纳更长或更短的链接名称。
