多级ul列表定位

Question

我有一个深入三层的 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>

Answer 1

只需在第一个ul 的直接后继上使用display: inline-block; vertical-align: top 或float: left：http://jsfiddle.net/jmAUJ/ 或http://jsfiddle.net/8etkS/

编辑：用新布局更新了 jsFiddle http://jsfiddle.net/jmAUJ/1/