如何使“ div”的高度适合其在“ flex”中的含量？

Question

我有下面的html代码，问题是.div2的高度与body相同。如何使div2的高度适合其内容，即font size的{​​{1}}？我知道可以通过将正文显示更改为hello来做到这一点，但我确实需要block显示。有没有办法在flex版面下制作它？

flex

body {
  width: 923px;
  height: 700px;
  display: flex;
}

.div2 {
  height: auto;
  background-color: red;
}