html - 如何使`div`高度适合`flex`中的内容？

首页 > 解决方案 > 如何使`div`高度适合`flex`中的内容？

问题描述

我有下面的 html 代码，问题是高度.div2与body. 如何使div2高度适合其内容，即font sizeof hello？我知道我可以通过将身体显示更改为block但我确实需要flex显示。有没有办法让它在flex布局下？

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

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

<body>
  <div class="div2">hello</div>
</body>

标签： htmlcssflexbox

解决方案

推荐阅读