Javascript – CSS-Problem, wie man den Container unten im Div ausrichtet

Question

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

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;
}