Wie im Bild gezeigt, 3 p, wie man 2 einstellt, wird 3 in 1 nach unten ausgerichtet; wenn 3 ausgeblendet ist, wird 2 nach unten ausgerichtet
光陰似箭催人老,日月如移越少年。
2和3再包一個(gè)4,如何這個(gè)4絕對(duì)定位bottom 0,在這個(gè)4里面 2和3就在一個(gè)自己包的文檔流里面了,如果3不在,那么2能撐起這個(gè)4。這樣是否符合?
在js 里面寫邏輯判斷,當(dāng)3隱藏時(shí),2 的定位 top 變成3的 定位top , 普通文檔流是 無法實(shí)現(xiàn)自動(dòng)掉落, 因?yàn)?文檔流 是從左到右, 從上到下。 此種情況前提是 在1 盒子高度固定時(shí)
如果說你的 1是一個(gè)父級(jí)box的話, 那么里面的 2根3 是子集box 你只要給定2跟3的height或者說 是給定里面的內(nèi)容讓他撐起來就可以 當(dāng)3隱藏的時(shí)候 那么二自然就可以往下挪
flex 布局
{
flex-direction: column-reverse;
justify-content: flex-start;
align-items: center;
}