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

Question

如何创建一个具有无限深度(许多嵌套ul)支持的纯css下拉菜单？

编辑：

我可以创建无限深度菜单，但是在一个深度之后，菜单就会离开页面。

我需要克服这一切。例如，我考虑在右侧以奇数深度显示ul，在左侧显示均匀。但是怎么做呢？我不知道

Answer 1

老实说，如果你需要一个应该被使用的菜单，你不应该把它设计成“无限”。网页/应用程序上的下拉菜单不应该超过两个或三个层次。任何其他的，这将是一个彻底的痛苦，您的用户。

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

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