CSS多级下拉菜单定位

Question

我正在开发一个网站linked here与3级下拉菜单（主和2个子级）。我正在用MODx cms和Wayfinder开发菜单。 这个CSS被挑选出来，经过了很多修改和工作，但我不明白1个细节。

当你看到该网站的菜单：最右边的主菜单项（“链接‘） - >链接1.2的’链接1.2”第二级子菜单很好地弹出来的左。在第一级子菜单（在打火机contentbody内部

的第二级子菜单定位在由一个“左：120像素（1项宽度）：用于抵消它，它向右移动参见例如” beeld & geluid “ - >”音频“ - >二级子菜单

对于这个最右边的子菜单弹出内容它的作品通过使用负偏移将其左移：Left：-240px;（这是宽度的项目）

我想念的是：为什么这个负偏移量必须是240px 2项目，而不是1项120px。最后是我的预期。

CSS包含注释，涉及的行是155 -161在CSS文件中（您必须从网站获取它作为新用户我无法添加第二个链接，因为新用户仅限于1最大链接）

问题：

任何人都可以解释这一点吗？ 2的负偏移而不是1项？

最好的问候，

汉斯Troost

Answer 1

会发生什么事是，在第一个下拉菜单，列表项相对设置。然后第二个UL进入那里，但被定位到绝对和物品的右侧（在所有情况下都是右侧）。但是，由于项目“链接”下方的子子菜单属于网站，所以它位于左侧-240像素。不是-120像素，因为它会位于第一个子菜单的顶部。那有意义吗？

-------------------------------------- 
Top item 1 | top item 2 | top item 3 | 
-------------------------------------- 
         | sub item 1 | 
      ---------------------------* * * * * * * 
      | subsubitem | sub item 2 | subsubmenu * <-- this is the ul that is positioned 
      ---------------------------* * * * * * *  absolute 
      -240px  -120px  0px   120px 

结论

所以我的观点是，该UI被放置在同一个地方，但是李娜的移动到左边。因此它需要-240px，因为它相对于ul定位。