我有一个带下拉菜单的导航栏,我希望下拉菜单可以拉伸到其中内容所需的任何宽度,但它们只会与其父元素一样宽
我已经阅读了相当多的内容,大多数人建议在下拉菜单中设置位置:绝对。我已经完成了这项工作但并没有影响它
我的jsFiddle在这里:http://jsfiddle.net/Rqgh6/
有谁知道如何让它比他们的父元素更宽广?
答案 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。