是否可以制作 CSS 级联下拉菜单（下拉的镜像）？答案

【问题标题】：Is it possible to make a CSS cascading drop-up menu (mirror of drop-down)?是否可以制作 CSS 级联下拉菜单（下拉的镜像）？
【发布时间】：2015-11-28 10:59:29
【问题描述】：

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

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

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

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

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

它应该类似于 LXDE 面板菜单 (lxpanel)。

在 LXDE 上，飞出的项目从顶部开始，除非它们会在屏幕下方进行适当的偏移。我想不出用 CSS 来做到这一点的方法。你可以吗？我能想到的唯一方法是让飞出的项目从底部开始，但让它发挥作用的特殊技巧是什么？

谢谢！

【问题讨论】：

标签： css drop-down-menu flyout

【解决方案1】：

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

I've forked your pen here.

【讨论】：

我早该想到的。我太没用了。这太明显了。