jquery - CSS：显示孩子在父母身边顶部对齐

Question

我有一个<ul>嵌套在 a<ul>中，例如：

<ul>
  <li>Item</li>
  <li>Item</li>
  <li>Item
    <ul>
      <li>Item</li>
      <li>Item</li>
      <li>Item</li>
    </ul>
  </li>
  <li>Item</li>
</ul>

我使用 jquery 将嵌套列表滑到第一个列表的右侧，以便它们并排显示。我的问题是第二个列表在顶部有一点差距，2 个列表项高，从其父列表项“扩展”。

由于我的 jquery 导航设置，ul 都有向左浮动和绝对位置。我可以对齐它们的唯一方法是将负边距顶部设置为第二个 ul，但我想避免这种情况。

有人知道使这成为可能的方法吗？

我的 CSS ：（注意我有一个 JQuery onClick 函数，可以将它们向右滑动以获得各种长度）

#menu UL
{
        position: absolute;
    float: left;
    margin-top: 14px;
    width: 300px;
    height: 320px;
}

#menu UL LI UL
{
        position: absolute;
    float: left;
    margin-top: 14px;
    width: 300px;
    height: 320px;
}

Answer 1

设置top: 0px上，如果你想摆脱顶部的 14 像素空间，UL LI UL你可以设置它。margin-top: 0px;

jsFiddle

UL
{
    position: absolute;
    float: left;
    margin-top: 14px;
    width: 300px;
    height: 320px;
    border: 1px solid;
}

UL LI UL
{
    position: absolute;
    float: left;
    margin-top: 14px;
    width: 300px;
    height: 320px;
    top: 0px;
}