css问题,怎么让div中的容器靠下对齐

如图所示,3个div,怎么设置2,3在1中靠底部对齐;当3隐藏时,2会掉下去靠底部对齐

clipboard.png

阅读 10.3k
6 个回答

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 布局

{
flex-direction:  column-reverse;
justify-content: flex-start;
align-items: center;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏