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

Question

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

即，我希望本示例http://jsfiddle.net/27kwE/21/中的粉色和橙色块位于广场的底部，而不是顶部。

谢谢

Answer 1

你可以加：

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

到容器 CSS。

jsFiddle 示例