Drop down menu 如何使CSS菜单以向上方向而不是默认的向下方向打开菜单

我有类似的CSS基本菜单，默认情况下会弹出，但我不确定要更改哪个属性，以使菜单沿“向上”方向弹出。更像是一个下拉菜单 我放了一些JSFIDLE的代码

我非常感谢你在这方面的帮助。我已经寻找了类似的例子，但没有找到一个适合我的场景

更新： 解决方案

改变

到

---

通过更改属性使其正常工作示例是否可以使用

底部

CSS并将其设置为与主菜单顶部匹配？

li ul {
display: none;
position: absolute;
width:100px;
bottom: 18px;
left: 0;
margin-left:-1px;
}

top: 18px;

bottom: 18px;