Html 带有垂直导航栏的水平下拉菜单

Question

在 Html 中，我如何才能创建一个带有下拉菜单的垂直导航栏，而不是下拉菜单向下，我希望它们水平移动？ 谁能帮忙谢谢你的时间！

例如，下拉列表向右延伸，但不只有一个选项 [https://i.stack.imgur.com/imS0i.jpg]

Answer 1

我明白了。我不知道这是否有帮助，但我从 this answer

更新了 fiddle

下面是相同的 fiddle，只是稍作改动：link

将第 74 行的 css 从 display: block 更改为 display: flex 会产生我认为您想要的效果。