css - 创建具有无限深度的 CSS 下拉菜单

Question

如何创建具有无限深度（许多嵌套ul）支持的纯 CSS 下拉菜单？

编辑：
我可以创建无限深度菜单，但深度后菜单会超出页面。
我需要克服这一点。例如，我考虑ul在右侧显示奇数深度，在左侧显示均匀深度。但如何？我不知道

Answer 1

老实说，如果您需要一个应该使用的菜单，您不应该将其设计为“无限”。网页/应用程序上的下拉菜单实际上不应超过两层或三层。再多的话，这对您的用户来说将是一个彻头彻尾的痛苦。

考虑重新设计您的应用程序/信息架构/设计？

也就是说，我不认为你可以用纯 CSS 实现你想要的。我的建议是查看现有的数千个 JavaScript+CSS 菜单之一。如果您正确设置它们，它们将为您工作，并提供比纯 CSS 菜单更好的可用性。