css - 如何打开 css 垂直菜单旁边的子菜单？

Question

我需要使用 CSS 和 <ul> 制作一个垂直菜单<li>标签。但是，当我将光标放在包含子菜单的链接上时，其他主要元素会移动到另一个位置。
这是my jsfiddle .
有人可以帮助我吗？

Answer 1

不要制作子菜单 position:relative (这仍然使其成为流程的一部分)，而是制作包含的 li position:relative和 menu_sub position:absolute 以及相应的 left/right/top/底部设置:

#menu li {
    position: relative;
}
#menu_sub {
    margin:0;
    padding:0;
    position: absolute;
    list-style:none;
    display:none;
    left: 70%;
    top: 0;
}

http://jsfiddle.net/Kc6m4/3/