2010-05-29 89 views
0

我想做一个垂直下拉菜单。这是我的代码CSS位置:绝对相对调整

.menu li:hover>ul{ 
position:absolute; 
display:inline; 
    left:120px; 
    top:100px;} 

我使用的位置是:绝对从表中删除子菜单,一旦被菜单徘徊。看来,如果我不指出顶部或左侧的财产。子菜单会相对显示。现在我需要相对调整位置,但似乎只有左侧的属性起作用。所以我的子菜单离开原来的位置相对离开120px。但顶部距离窗口顶部100px,而不是原来的位置。如何将列表相对于原始位置向上移动?我无法使用position:relative,因为我需要将子菜单从表格中删除。

回答

1

你需要给它的容器的相对位置,像这样:

.menu li:hover { position: relative; } 

这样,<ul>的定位里面是绝对的,而是相对于容器而不是整个窗口,这似乎成为你的追随者。