HTML DIV将轴设置为儿童元素的底部

问题描述:

当元素在父亲DIV中定义时,它们从上到下定位。即使你使用Javascript追加/前缀元素给父母DIV,他们也会保留这条规则。我需要这样做,但将坐标轴设置为父级的底部DIV,因此当我添加/预先添加元素时,它的位置从底部到顶部。我明显可以做到绝对定位,但我正在寻找一种相对定位的解决方案。HTML DIV将轴设置为儿童元素的底部

预先感谢您。

你可以用CSS column-reverse做到这一点:

display: -webkit-flex; /* Safari */ 
-webkit-flex-direction: column-reverse; /* Safari 6.1+ */ 
display: flex; 
flex-direction: column-reverse; 

http://jsfiddle.net/ivanchaer/h3fhmp8e/3/