在div中对齐ul

shu*_*hub -1 html css layout

有人可以帮助我在div中对齐我的ul,以便它在div的底部对齐.

<div id="metanav_top">
    <ul class="metanav">
      <li>Entry 1</li>
      <li>Entry 2</li>
      <li>Entry 3</li>
    </ul>
</div>?
Run Code Online (Sandbox Code Playgroud)

请看看我的小提琴.

非常感谢您的帮助!

kap*_*apa 5

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

#metanav_top {
    position: relative;
}

ul.metanav {
    position: absolute;
    bottom: 0; left: 0;
}
Run Code Online (Sandbox Code Playgroud)

jsFiddle演示