盒子与其他盒子对齐

Question

正如你所看到的那样，那个盒子的高度较低，我希望底部的盒子与它叠加，是否可以这样做？任何帮助将不胜感激。

这是我的css：

<style>
div{
  display: inline-block;
  margin:0;
  position:relative;
  top:0;
  border:1px solid black;
}
</style>

Answer 1

只需使用flex的规则align-items: center。

有关详细信息，请参阅this article。