这是我第一次尝试手动创建带有子菜单的菜单，以了解其背后的逻辑，并且遇到一个我无法解决的问题：
我将子菜单的位置设置为<input id="htmlBtn" type="button" value="Add some HTML to the DOM" />
<div id="target"></div>，因为我希望它在悬停时的位置与其父菜单的位置不同，所以我想这就是相对的位置。但是，当我将其悬停时，列表中的下一个元素将移至该子菜单的“腾出空间”，这不是我想要的，该如何获得想要的结果？
起初看起来很容易，但是似乎相对定位无法发挥我的预期。
您可以在此codepen link
上查看代码