html - 子菜单悬停在左侧？

Question

我正在尝试创建一个简单的子菜单，当您将鼠标悬停在主菜单上时会出现该子菜单。

谁能看到我哪里出错了？

例如，我创建了这个小提琴。

Answer 1

试试这个： http: //jsfiddle.net/KSeph/11/ 它没有布局，但它可以工作。

这个css基本上提供了一种非常简单的方法来实现下拉：

.subMenu {
    float: right;
}
.subMenu ul li {
    float: left;
}

.subMenu ul ul {
    display: none;
    position: absolute;
}

.subMenu ul li:hover ul {
    display: block;
}

.subMenu ul ul li {
    float: none;
}

Answer 2

嘿，现在像这样在你的 CSS 中添加两种样式

    .subMenu li{
        position:relative;}

.subsubmenu {
 position:absolute;
top:22px;
left:0;
}

现场演示

Answer 3

.subsubmenu添加时left: 0; top: 0;和删除float: right !important; 时.subMenu ul li添加position: relative;