子菜单不垂直显示

Question

我已经为此奋斗了大约 6 个小时，现在完全被难住了。我无法让子菜单在鼠标悬停时垂直显示。这是来自 cssdesk 的 link。我在搞什么鬼？我知道这很简单。

http://www.cssdesk.com/n8WCm

如果 link 对您不起作用，请查看此代码段：

.nav8 ul .sub-menu{
    position:absolute;
    display:none;
}

.nav8 li:hover ul.sub-menu {
    display: block;
    background:#000;
    border: 1px solid #ececec;
}

如果您还需要更多，请告诉我。

Answer 1

你应该让它不像主菜单那样向左浮动，所以我建议在每个子菜单 li 之后清除它并给它一个固定的宽度

  .nav8 li:hover ul.sub-menu li {
       clear:both;
       width: 200px;
    }

Answer 2

添加到您的Css

.nav8 ul li li{
    clear:both;
}
.nav8 ul li ul{
    width:20% !important;
}

子菜单不垂直显示

Submenu not appearing vertical

css

submenu