SubMenu徘徊在左边?

时间:2012-08-01 08:41:43

标签: html css

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

谁能看到我哪里出错?

我已经创建了这个fiddle

3 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:1)

嘿现在在你的CSS中添加两个样式就像这样

    .subMenu li{
        position:relative;}

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

Live demo

答案 2 :(得分:0)

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