我有一个使用 CSS 的下拉菜单，每次我添加一个“宽度：##px;” 一点点，它以某种方式将水平菜单变成了垂直的混乱。我什至尝试向 DIV 标签添加样式宽度，而不是骰子。
这是 CSS（我附上了 paste.bin 链接，因为 CSS 很长）：
问问题
145 次
4 回答
1
相对于主体定位绝对 DIV 将始终对视口大小做出反应。
最好的办法是将您的#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;
}
在我看来，使用负边距有点骇人听闻，但它会做你想做的事。
注意：无法测试子菜单行为，因为我没有看到子菜单出现。
杰罗恩。
于 2013-05-26T13:04:13.800 回答
0
编辑这个 ul > li 这将改变列表中每个下拉菜单的宽度
#cssmenu > ul > li {
float: left;
width: **px;
}
于 2013-05-26T01:59:41.063 回答
0
相反，我发现 wordpress 有一个下拉菜单插件，我只需要注册小部件的标题。它仍然有点马车，但一旦我把它看对了，它应该会解决的..
谢谢大家的帮助，我从中学到了不少东西！
于 2013-05-26T17:16:39.717 回答
0
您的下拉菜单是另一个列表的子列表 - 您的顶级导航，因此您需要使用 CSS 定位它。
#cssmenu ul li ul li {
width: **px;
}
于 2013-05-26T02:41:46.067 回答