使UL比它的父母更宽LI

我有一个带有下拉菜单的导航栏，我希望下拉菜单可以拉伸到其内容所需的任何宽度，但是它们只会与其父元素一样宽使UL比它的父母更宽LI

我已经阅读了很多关于此的内容，大多数人都建议在下拉菜单中设置绝对位置。我已经做到了这一点，并没有影响它

我的jsfiddle是在这里：http://jsfiddle.net/Rqgh6/

有谁知道我怎样才能得到它的下拉列表中去比他们的父元素宽？

2011-08-24 Andy

这就是我正在寻找的。但是，现在我可以允许子元素与其内容一样宽了，我还可以允许它的宽度比它的父亲li还小吗？因此，我希望li的最小宽度是父级的宽度，而li的宽度也是包含内容的宽度。 – winchendonsprings

您可以简单地添加white-space:nowrap;到<a>元素：

.menu ul a {font-size:12px;padding:0 10px;line-height:22px;text-align:left; white-space:nowrap;}

更新jsFiddle。

2011-08-24 12:10:49

谢谢，总是喜欢简单的解决方案:) – Andy

另外一个补充：http://jsfiddle.net/kizu/Rqgh6/3/ - 从项目中删除'浮动'并将'display：block'添加到''，所以当有很长的项目链接将填补ul的宽度。 – kizu

谢谢kizu，这正是我在阅读那个笑之前所做的:) – Andy

回答