2

<ul id='child'>親の<il id='parent'> 幅に合わせてネストしたいと思います。

HTML:

<ul>
<li id='parent'>
  <a href='#' id='setter'>$variable</a>
  <ul id='child'>
    <li>one</li>
    <li>two</li>
  </ul>   
</li>
</ul>

CSS:

#setter {padding:0 15px; display:inline-block} /*as menu item*/
#child {...?}

問題は<li>、リンク テキストが変更可能な変数であるため、リンクが幅を設定していることです。つまり、<li>幅を固定することはできません。

4

3 に答える 3

1

私はそうします：

#setter {
    position:relative;
    display:inline-block;
    background:yellow;
    padding:0 15px;
}
#child {
    position:absolute;
    background:red;
    width:inherit;
}

パディングを調整する必要があるかもしれません。しかし、あなたがその考えを理解してくれることを願っています。

デモンストレーション

于 2013-05-17T23:52:49.637 に答える