-1

私は<ul>内にネストされています<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番目のリストの上部に少し隙間があり、2つのリスト項目が親リスト項目から「伸びる」高さになっていることです。

私のjqueryナビゲーションの設定により、ulには左にフロートがあり、絶対位置があります。それらを揃える唯一の方法は、負の margin-top を 2 番目の 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;
}
4

1 に答える 1

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;
}
于 2013-05-07T05:24:47.030 に答える