如何在线性css下拉菜单中扩展列宽

Question

请看看这个： http://telugugreetings.net/mymenu3.html

在这个线性下拉菜单中，我想增加顶级菜单viz产品，test5等的列宽，以便我可以在这些列中使用更长的名称。具体而言，我想用“最近收到的产品”替换产品。如何在不重叠的情况下实现这一目标。

谢谢

Answer 1

删除'ul＃nav li'和'ul＃nav li a'

的宽度

Answer 2

而不是width，min-width和li使用a。

ul#nav li {
height:1.3em;
min-width:5em;
float:left;
margin:0;
padding:0;
text-align:center;
}

ul#nav li a{
height:1.3em;
min-width:5em;
display:block;
text-decoration:none;
color:#000;
}

Answer 3

当宽度未设置时，元素宽度为

内的每个内容

width:auto /* default style; no need to set it, unless we want to run over last width style  declaration*/

通用类别宽度示例：

http://jsfiddle.net/fixit/Z5cCr/