Question

我的下拉菜单或子菜单有问题。之前它工作得非常好，但在我将菜单改为浮动之后，子菜单将不再显示。这是我用于菜单的代码：

border-bottom:2px solid #e9e9e9;
position:fixed;
width:2000px;
background-color:#ffffff;
padding-left:605px;
padding-right:210px;
margin-right:-200px;

这是我的网站 http://lobaab.com/ 你能帮我解决这个问题吗？

Answer 1

嵌套的UL在默认状态下被display: none隐藏，您永远不会将此属性更改为block。

.sf-menu li:hover > ul {
    display: block !important; /* importnat isn't necessary if you know how strong selector you need to use */
}

然后，为子菜单设置width: 100%，但是它的父级宽度（LI）。您可能希望设置更高的宽度，或者不要精确设置宽度并仅使用white-space: nowrap - 子菜单将具有最长项目的宽度。

浮动菜单下拉列表不显示

1 个答案: