当我的导航项设置为 inline-block 时，我遇到了一个问题，子菜单将呈现在适当的 <li> 下方。 ，就像这两个例子:
和
现在它是一个 inline-flex，它直接渲染在 li 之上，覆盖它。
我尝试手动定位子菜单 52px下来，但这只是一个解决方案，如果 <li>在第一行，因为一旦它在第二行，它现在需要是 104px向下。
有什么好的方法可以解决这个问题吗？
网址在下方评论
最佳答案
虽然这些是默认值。尝试设置 flex-basis: 0;还要确保 flex-wrap: nowrap;已设置。正如评论所指示的那样，分享您的代码以获得详细的答案是明智的。
编辑 1:
感谢您提供代码链接。问题现在很清楚了，可以通过给予更高的order来解决。编号为 .navPage-subMenu类(class)。
但首先请删除 position: absolute来自类名 .navPage-subMenu然后添加您喜欢的订单值(value)高于 <li>的有。示例:
.navPage-subMenu.is-open {
order: 111; /*must be higher than <li> order numbers*/
}
关于html - 获取显示 :flex to behave like display:inline-block，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43720310/