1

我有一个深入三层的 ul 列表菜单。我希望所有 FirstMenu 列表项水平地彼此相邻，而嵌套和垂直对齐的 SecondMenus 和 ThirdMenus 位于三个水平的 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 回答