javascript - css問題，怎麼讓div中的容器靠下對齊

Question

如圖所示，3個p，怎麼設定2，3在1中靠底部對齊；當3隱藏時，2會掉下去靠底部對齊

#

Answer 1

2和3再包一個4，如何這個4絕對定位bottom 0，在這個4裡面 2和3就在一個自己包的文檔流裡面了，如果3不在，那麼2能撐起這個4。這樣是否符合？

Answer 2

在js 裡面寫邏輯判斷，當3隱藏時，2 的定位 top 變成3的 定位top ， 普通文檔流是 無法實現自動掉落， 因為 文檔流 是從左到右， 從上到下。 此種情況前提是 在1 盒子高度固定時

Answer 3

如果說你的1是一個父級box的話， 那麼裡面的2根3 是子集box 你只要給定2跟3的height或者說是給定裡面的內容讓他撐起來就可以當3隱藏的時候那麼二自然就可以往下挪

Answer 4

使用flex

Answer 5

試試flex佈局？
http://www.ruanyifeng.com/blo...

Answer 6

flex 版面

{
flex-direction:  column-reverse;
justify-content: flex-start;
align-items: center;
}