无法使用css网格管理相对于项目内容的高度

Question

目前，当我使用网格创建 CSS 布局时，此布局中的项目将占据最高项目的高度。是否可以让项目只占用其内容所需的高度？

https://codepen.io/anon/pen/NQpQOr

在此示例中，我希望 div2 具有相对于其内容的高度。

Answer 1

您可以使用align-self 属性来修复它：

.div-2 {
  align-self: start;
}