2和3再包一个4，如何这个4绝对定位bottom 0，在这个4里面 2和3就在一个自己包的文档流里面了，如果3不在，那么2能撑起这个4。这样是否符合？

在js 里面写逻辑判断，当3隐藏时，2 的定位 top 变成3的 定位top ， 普通文档流是 无法实现自动掉落， 因为 文档流 是从左到右， 从上到下。 此种情况前提是 在1 盒子高度固定时

如果说你的 1是一个父级box的话， 那么里面的 2根3 是子集box 你只要给定2跟3的height或者说 是给定里面的内容让他撑起来就可以 当3隐藏的时候 那么二自然就可以往下挪

使用flex

试试flex布局？
http://www.ruanyifeng.com/blo...

flex 布局

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