使UL比其父LI更宽

时间:2011-08-24 12:06:10

标签: html css html-lists

我有一个带下拉菜单的导航栏,我希望下拉菜单可以拉伸到其中内容所需的任何宽度,但它们只会与其父元素一样宽

我已经阅读了相当多的内容,大多数人建议在下拉菜单中设置位置:绝对。我已经完成了这项工作但并没有影响它

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

有谁知道如何让它比他们的父元素更宽广?

1 个答案:

答案 0 :(得分:7)

您只需将white-space:nowrap;添加到<a>元素:

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

更新了jsFiddle