HTML DIV將軸設置爲兒童元素的底部

Question

當元素在父親DIV中定義時，它們從上到下定位。即使你使用Javascript追加/前綴元素給父母DIV，他們也會保留這條規則。我需要這樣做，但將座標軸設置爲父級的底部DIV，因此當我添加/預先添加元素時，它的位置從底部到頂部。我明顯可以做到絕對定位，但我正在尋找一種相對定位的解決方案。

預先感謝您。

Answer 1

你可以用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/