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

请看我的fiddle .

非常感谢您的帮助!

Answer 1

你应该 learn about the position property在 CSS 中。没有它，您将走不远。

#metanav_top {
    position: relative;
}

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

jsFiddle Demo