将元素定位在父元素的底部

Question

有没有人知道一种干净的、跨浏览器的方式在父元素的基础上定位元素，而不是求助于绝对定位？

也就是说，我希望这个例子中的粉红色和橙色的块http://jsfiddle.net/27kwE/21/坐在正方形的底部，而不是顶部。

谢谢

Answer 1

您可以添加：

display:table-cell;
vertical-align:bottom; 

添加到容器CSS。