尝试将菜单和子菜单设置为水平

Question

我想要水平的菜单和子菜单.这是我尝试水平主菜单的代码.当我悬停mainmenu我想要submenu也在水平.

任何人都知道如何解决这个问题

小提琴

任何帮助表示赞赏.

Answer 1

添加position:absolute:

CSS

ul li ul{
    display: none;
    position: absolute; /*Add this */
}

小提琴

left:8px如果你想左对齐,也添加如下:

ul li ul{
    display: none;
    position: absolute;
    left:8px; /* Add this too for left align*/
}

小提琴