获取显示：flex表现得像display：inline-block

Question

我遇到的问题是，当我的导航项设置为inline-block时，子菜单会在适当的<li>下方呈现，就像这两个例子一样：

和

{{3}}

现在它是一个inline-flex，它正好在li的顶部呈现，覆盖它。

我尝试手动定位子菜单52px，但如果<li>位于第一行，这只是一个解决方案，因为一旦它位于第二行，它现在需要被104px降低。

有什么好方法可以解决这个问题吗？

以下评论中的网址

Answer 1

虽然这些是默认值。尝试设置flex-basis: 0;，同时确保flex-wrap: nowrap;已设置。正如评论指示的那样，分享您的代码以获得详细答案更明智。

编辑1： 感谢您提供代码链接。现在问题很清楚，可以通过向order类提供更高.navPage-subMenu的数字来实现解决方案。 但首先请从班级名称position: absolute中删除.navPage-subMenu，然后将您的订单价值添加到高于<li>的订单价值。示例：

.navPage-subMenu.is-open { order: 111; /*must be higher than <li> order numbers*/ }