在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>​

请查看我的fiddle。

非常感谢你的帮助！

Answer 1

你应该在CSS中learn about the position property。没有它你就不会走得太远。

#metanav_top {
    position: relative;
}

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

jsFiddle Demo