css - 无论屏幕多大，如何定位子导航？

Question

http://www.wargameoutfit.com/nav/33.html

当您将鼠标悬停在导航字体“二/三/四”上时，主菜单下会出现子导航。

我既没有设置#nav li ul { padding-left }为固定值，也没有将其值设置为百分比值。为什么当我在屏幕上向下移动时，子导航的位置越来越远离左侧？

Answer 1

那里犯的错误是下拉菜单除了浏览器窗口之外没有定位上下文。也就是说，position: absolute它是相对于浏览器窗口设置的，因为下拉菜单的所有父元素都没有设置位置。要更改此设置，请添加position: relative到菜单中的顶级列表项。定位元素的位置与最近的定位父元素相关，或者如果没有定位的父元素，则与浏览器视口相关。