以下のように親要素の中にboxがあります。
上揃えになっています。
<divclass="wrapper"><divclass="box"></div></div>.wrapper{background:gray;width:600px;height:400px;}.box{background:yellow;margin:0auto;width:200px;height:200px;}
boxを下揃えにします。
displayをflex、縦ならびにしたいのでflex-directionはcolumnとなります。
さらにその状態から逆方向に並べたいのでflex-directionをcolumn-reverseとします。
.wrapper{background:gray;width:600px;height:400px;display:flex;flex-direction:column-reverse;}.box{background:yellow;margin:0auto;width:200px;height:200px;}