页脚菜单列表打开不下来,包括jsfiddle

时间:2012-03-27 00:42:15

标签: css list

我有一个我在页脚中使用的菜单,我想让列表项打开“up”,而不是打开。

实时样本:http://jsfiddle.net/tVCUr/1/

如果有人可以帮我解决这个问题,我会非常感激。

P.S.- li项目的高度会有所不同,所以我希望尽可能避免以像素为单位指定高度。

2 个答案:

答案 0 :(得分:2)

只需将bottom: 100%添加到.dropmenu ul

.dropmenu ul{
    position: absolute;
    bottom: 100%;
    display: none;
    width: 140px;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #ccc;
    background: #FFFFFF;
}

这是你的小提琴:http://jsfiddle.net/tVCUr/2/

答案 1 :(得分:0)

http://jsfiddle.net/tVCUr/4/

只需添加.dropmenu ul更改下拉列表:

bottom:100%;