html - 在 div 中对齐 ul

Question

有人可以帮我在 div 中对齐我的 ul，以便它在 div 的底部对齐。

<div id="metanav_top">
    <ul class="metanav">
      <li>Entry 1</li>
      <li>Entry 2</li>
      <li>Entry 3</li>
    </ul>
</div>​

请看看我的小提琴。

非常感谢您的帮助！

Answer 1

您应该了解 CSS 中的position属性。没有它，你不会走得太远。

#metanav_top {
    position: relative;
}

ul.metanav {
    position: absolute;
    bottom: 0; left: 0;
}

jsFiddle 演示