是否可以制作一个CSS级联下拉菜单（下拉镜像）？

Question

我开始这样做，我想；哦，这很容易，但是当弹出窗口覆盖其他类别时，我卡住了。

我什至不知道我能不能做到这一点！我的CSS技能有点生疏！

这是我开始的，但它真的不是很好： + http://codepen.io/anon/pen/ZbYzwr

             [===========]
[===========][===========]
[===========][===========]
[===========][===========]
[-----------][===========]
[===========]
[:::::::::::::::::::::::::::::::::::::::::::]

如果这是菜单，那么因为下方的类别在飞出时会无形地掩盖上面的类别，所以您不能将鼠标悬停在它们上面！

它应该像 LXDE 面板菜单 (lxpanel)。

在 LXDE 上，飞出项目从顶部开始，除非它们会低于屏幕，在屏幕下方它们会适当偏移。我想不出用 CSS 来做到这一点的方法。你是否可以？我能想到的唯一方法就是让弹出项从底部开始，但是有什么特别的技巧可以使它起作用？

谢谢！

Answer 1

将 margin-left: 100px; 设置为 [category] > ul 而不是 button。

I've forked your pen here.

是否可以制作一个CSS级联下拉菜单（下拉镜像）？

Is it possible to make a CSS cascading drop-up menu (mirror of drop-down)?

css

flyout

drop-down-menu