1

3レベルの深さのulリストメニューがあります。すべてのFirstMenuリスト項目を水平方向に並べて配置し、ネストされて垂直方向に配置されたSecondMenuとThirdMenusを3つの水平方向のFirstMenu項目の下に配置します。これまでCSSで試したことはありません（フロート、相対/絶対配置、マージン/パディング）。FirstMenusがドロップダウンしてSecondMenusとThirdMenusの下に配置されるのを防ぎます。提案を歓迎します！

    <ul id="footermenu">
     <li class="firstfootermenu">FirstMenu1      
      <ul class="subfootermenu">
        <li>SecondMenu1
          <ul class="subsubfootermenu">
            <li>ThirdMenu1</li>
            <li>ThirdMenu2</li>
            <li>ThirdMenu3</li>
         </ul>
       </li>
      </ul>
     </li>
    <li class="secondfootermenu"><a href="#">FirstMenu2</a></li>
    <li class="secondfootermenu"><a href="#">FirstMenu3</a></li>
   </ul>
4

1 に答える 1

0

最初のもののすぐ後継者を使用するdisplay: inline-block; vertical-align: topか、次のように使用します：http : //jsfiddle.net/jmAUJ/またはhttp://jsfiddle.net/8etkS/float: leftul

編集：新しいレイアウトでjsFiddleを更新http://jsfiddle.net/jmAUJ/1/

于 2012-09-14T16:01:23.490 に答える