我尝试将下拉子菜单与其父级对齐。我花了几个小时来解决这个问题,但我仍然不知道如何解决这个问题。
当我点击其中一个时,蓝色按钮是导航链接,出现深蓝色子菜单,然后当我点击深蓝色菜单中的链接时,会出现一个粉红色的子菜单。问题是粉红色的子菜单会出现与我点击的li元素相同的高度。我希望粉红色子菜单始终显示在顶部,与深蓝色菜单对齐。
我希望你理解。我附上2张照片。我将不胜感激任何帮助。谢谢。
以下是该网站的链接。 http://help.miloslacko.sk/当您点击链接时,您可以看到菜单" 01 SOCIALNE VECI MPSVR SR"。
答案 0 :(得分:0)
将position
的{{1}}属性更改为.wsmenu-submenu li
。
它目前设置为static
,强制position: relative
位于其下方的儿童以其顶部为基础。相反,允许整个容器(absolute
)成为最近的.wsmenu-submenu video-container
父容器,以便您的relative
个孩子的位置基于此。
注意:absolute
也可以作为position: absolute
孩子的锚点,因此您无需更改任何其他内容。