从水平列表菜单中删除浮点数，同时保留下拉菜单

Question

我有一个水平导航菜单，该菜单会在调整浏览器窗口大小时中断，如下所示： https://jsfiddle.net/7oLjwh90/2/

现在罪魁祸首是：

#adminNav ul li { float: left;

但是，一旦我移除了float并显示：例如inline-block，下拉列​​表便停止工作。它变成了一个纯粹的烂摊子。

尝试将设置显示为行内阻止，并且还重新创建了一个新的简单水平菜单，其行为与预期相同，但无法使该下拉菜单不浮动。

https://jsfiddle.net/7oLjwh90/2/

与https://jsfiddle.net/7oLjwh90/2/上的菜单相同，但是在调整浏览器窗口大小时不会中断。列表项不应相互堆叠。

Answer 1

不确定要实现的目标。如果删除float属性是您的问题，则可以尝试使用flexbox（这是一些很好的信息-https://www.w3schools.com/css/css3_flexbox.asp）。如果这对您不起作用，请进一步指定您的问题。希望这是有用的。