【问题标题】：Align drop-down submenu in navigation to the same height as its parent将导航中的下拉子菜单对齐到与其父级相同的高度
【发布时间】：2018-03-13 05:53:57
【问题描述】：
我尝试将下拉子菜单与其父级对齐。我花了几个小时解决了这个问题，但我仍然不知道该怎么做。
蓝色按钮是导航链接，当我单击其中一个时，会出现深蓝色子菜单，然后当我单击深蓝色菜单内的链接时，会出现粉红色子菜单。问题是粉红色的子菜单会出现在与我单击的 li 元素相同的高度。我想让粉红色的子菜单始终出现在顶部，与深蓝色菜单对齐。
希望你能理解。我附上2张图片。我将不胜感激任何帮助。谢谢你。
这是网站的链接。 http://help.miloslacko.sk/ 点击链接“01 SOCIALNE VECI MPSVR SR”可以看到菜单。
image1
image2
【问题讨论】：
标签：
javascript
html
css
drop-down-menu
submenu
【解决方案1】：
将.wsmenu-submenu li的position属性更改为static。
当前设置为position: relative，这会强制位于其下方任何位置的absolute 的子级以顶部为基础。相反，允许整个容器 (.wsmenu-submenu video-container) 成为最近的 relative 父级，以便您的 absolute 子级以此为基础。
注意：position: absolute 也将充当absolute 孩子的锚点，因此您无需更改任何其他内容。