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

Question

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

现在的罪魁祸首是：

#adminNav ul li { float: left;

但只要我删除浮动并显示：例如，内联块下拉停止工作。它变得一团糟。

尝试将 display 设置为 inline-block 并重新创建了一个新的简单水平菜单，它的行为符合预期，但如果没有浮动，则无法让此下拉菜单工作。

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

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

Answer 1

不确定您究竟希望达到什么目标。如果删除 float 属性是您的问题，您可以尝试使用 flexbox（这里有一些关于此事的好信息 -https://www.w3schools.com/css/css3_flexbox.asp）。如果这对您不起作用，请进一步说明您的问题。希望这有用。