Question

我有这个导航：

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

编辑：正确我看到不清楚，我想以这种方式移动fdsa ＆lt; -

Answer 1

添加以下内容：

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

和

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

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

Answer 2

制作本

<强> DEMO

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

}