html - DIV内部垂直对齐底部UL

我有一个div与height:40px;和一个ul与line-height:28px;。我想将ul放在div的底部。我尝试了vertical-align:bottom;，但没有帮助。

我的另一个想法是上边距，但是如果可以使用垂直对齐，我会选择它。

我的演示：http://jsfiddle.net/YpEd7/

最佳答案

将行高添加到容器。一旦容器上的行高为40px，由于容器的高度也为40px，因此垂直对齐底部会将其与底部对齐。由于容器的行高小于40px，因此ul一直与默认行高的底部对齐，因此之前没有任何作用

http://jsfiddle.net/YpEd7/2/

#container {
    background:gray;
    height:40px;
    line-height: 40px;
}

关于html - DIV内部垂直对齐底部UL，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23912625/