我用纯 css 创建了菜单下拉菜单，
在这里，父 div 有 position:relative 菜单弹出有 position:absolute,
当菜单悬停时，子菜单将显示为 display:block,
但是在这里，将鼠标悬停在 sarees(第一个菜单)上，弹出菜单会完美显示，但是将鼠标悬停在最后一个菜单 webmenus 上，弹出菜单出现在错误的位置(不同的位置)。下面上传的图片
我想对所有子菜单弹出窗口 设置相同的位置，例如sarees 的子菜单弹出窗口。
是否有针对此的任何 css hack ..？
图片:
我想要所有菜单的这个位置
菜单显示位置错误
最佳答案
我注意到您对菜单(包括下拉菜单)使用了 position: relative。这就是您遇到此问题的原因。您将菜单设置为绝对，它被理解为相对于其各自的父项。如果删除 position: relative，它将设置相对于页面的绝对位置。
关于html - 纯 css 弹出子菜单无法正确显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25340494/