下拉菜单子菜单问题

Question

我正在尝试使用子菜单创建一个下拉列表，     但由于一些css错误，我无法解决问题，     任何人都可以帮助我找到合适的解决方案。

Answer 1

根据您的需要添加left:0; and top:.. px，如下所示： Demo

.menu li:hover ul {
display:block;
width:200px;
list-style:none;
height:auto;
border:1px solid #ccc;
position:absolute;
left:0;
top:38px;

}

修改：请尝试以下操作： Demo

.menu li > a:hover {
    background:#09C;
    border-radius:5px;
}

.menu li:hover ul {
    display:block;
    width:200px;
    list-style:none;
    height:auto;
    border:1px solid #ccc;
    position:absolute;
    left:0;
    top:37px;
}

希望这就是你想要的！