0

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

这是 CSS（我附上了 paste.bin 链接，因为 CSS 很长）：

http://pastebin.com/GS7jHhii

4

4 回答 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 回答