javascript - 将一个 "bigger"ul 的底部与另一个的底部对齐

Question

我正在尝试制作一个菜单，该菜单会在单击以激活它的 div 的右侧打开。但是，我不明白如何才能正确定位。我希望最后一个 li 的底部(我存储子菜单选项的地方)与激活弹出窗口的 div 底部齐平。然而，给予是负边际

ul.dd{
  z-index:100;
  position:relative;
  margin-bottom:-30px;
  display:none;
}

没有成功。我怎样才能做到这一点

http://jsfiddle.net/mBPfG/1/

谢谢!

Answer 1

您的容器 div 阻止了隐藏的 <ul>标签从 float 到另一个的右边。还添加了一个负 margin-top 来调整定位。

我已经更新了 jsfiddle .

我只是补充说:

.dd_container { width:600px; }

ul.dd{
  z-index:100;
  position:relative;
  margin-top:-60px;
  display:none;
}

但是，我建议嵌套您的第二个 <ul>在第一个<li> .