Question

我有这个无序列表我已经设置成菜单。我希望蓝色菜单项位于顶层红色菜单项的下方，所以我给红色菜单项显示了flex：

nav > ul > li > a {
  color: red;
  display:flex;
  justify-content:center;
}

问题是当红色菜单项悬停在蓝色菜单项上时，将其他红色菜单项推开。

如何在没有JS的情况下解决这个问题？

Answer 1

将此添加到您的CSS：

ul ul {position: absolute;}

通过使他们的位置绝对，你可以将他们从文件流中取出，这样他们就不会“推开它们”。