html - 如何更改 CSS 下拉菜单的宽度？

Question

我有一个使用 CSS 的下拉菜单，每次我添加一个“width: ##px;”一点点，它以某种方式将水平菜单变成了垂直的困惑。我什至尝试向 DIV 标签添加样式宽度，但没有骰子。

这是 CSS(我附加了一个 paste.bin 链接，因为 CSS 很长):

http://pastebin.com/GS7jHhii

Answer 1

绝对 DIV 相对于主体的定位将始终对视口(viewport)大小使用react。

最好的办法是再次将你的#cssmenu div 放回容器 div， 但您仍然可以使用您现在使用的 div 顺序获得您想要的结果。

将您的 CSS 更改为以下内容(您也应该将 border-radius 内容放回原处):

#cssmenu {   

text-align: center;
overflow: hidden;
margin-top:46px;
height: 49px;
width:1200px;  /* Same width as wrapper */
margin-left:auto;
margin-right:auto;
margin-bottom:-95px; /* Hackish, but only possibility in this div order */
}

在样式表的底部(否决其他样式表)

#cssmenu>ul {
float:none !important;
display:inline-block;
}

在我看来，使用负边距有点老套，但它会做你想做的事。

注意:无法测试子菜单行为，因为我没有看到子菜单出现。

耶伦。