子菜单不显示垂直

Question

我现在已经和他斗争了大概6个小时，我完全被难过了。我不能让子菜单在鼠标悬停时显示为垂直。这是cssdesk的链接。我搞砸了什么？我知道这很简单。

http://www.cssdesk.com/n8WCm

如果该链接不适合您，请参阅以下代码段：

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

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

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

Answer 1

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

  .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;
}