html - 导航，将导航的第二级向左移动几个像素

Question

我有这个导航：

http://jsfiddle.net/XDnD9/

它工作正常，但我想fdsa向左移动大约 10 个像素。如果我left: -10px;在那里添加，它将自己定位在屏幕的左侧。如果我将位置更改为相对，那么它会使我的列表崩溃。如何将此子列表定位到左侧 10 像素？

编辑：正弦我看不清楚，我想移动fdsa <-这样

Answer 1

做这个

演示

ul > li > ul {
    display: none;
    margin:0 0 0 15px;

}

Answer 2

添加以下内容：

ul > li {
    display: inline-block;
    position: relative;
}

和

ul > li:hover ul{
    display: block;
    position: absolute;
    left: -10px;
}

position: relative使嵌套元素的绝对定位相对于该元素计算，因此left: -10px;不再将内部元素移动到屏幕左侧旁边。

演示