将导航中的下拉子菜单与其父

时间:2018-03-12 21:32:08

标签: javascript html css drop-down-menu submenu

我尝试将下拉子菜单与其父级对齐。我花了几个小时来解决这个问题,但我仍然不知道如何解决这个问题。

当我点击其中一个时,蓝色按钮是导航链接,出现深蓝色子菜单,然后当我点击深蓝色菜单中的链接时,会出现一个粉红色的子菜单。问题是粉红色的子菜单会出现与我点击的li元素相同的高度。我希望粉红色子菜单始终显示在顶部,与深蓝色菜单对齐。

我希望你理解。我附上2张照片。我将不胜感激任何帮助。谢谢。

以下是该网站的链接。 http://help.miloslacko.sk/当您点击链接时,您可以看到菜单" 01 SOCIALNE VECI MPSVR SR"。

image1

image2

1 个答案:

答案 0 :(得分:0)

position的{​​{1}}属性更改为.wsmenu-submenu li

它目前设置为static,强制position: relative位于其下方的儿童以其顶部为基础。相反,允许整个容器(absolute)成为最近的.wsmenu-submenu video-container父容器,以便您的relative个孩子的位置基于此。

注意:absolute也可以作为position: absolute孩子的锚点,因此您无需更改任何其他内容。