Html 当一个大项目跨越多行时，能否控制网格行大小？

我有一个

div

设置为

display:grid

，这个网格有三列。在第一列中，我有一个跨越两行的大项目。现在，因为该项目比其他项目都大，所以它跨越的两行设置为相等高度。我希望第一行适合内容，第二行填充剩余的空间（有点像

flex-grow:1

但适用于网格）。我该怎么做呢

<style>
  .container {
    display: grid;
  }
  .large__item {
    grid-row: 1 / 3;
    height: 100px;
  }
  .item__one {
    grid-column: 2;
    grid-row: 1
  }
  .item__two {
    grid-column: 2;
    grid-row: 2
  }
</style>

<div class="container">
  <!--Height is actually unknown-->
  <div class="large__item"></div>
  <!--Should fit to content-->
  <div class="item__one">Content</div>
  <!--Should fill rest of space-->
  <div class="item__two">Fill</div>
</div>

.集装箱{
显示：网格；
}
.大件{
网格行：1/3；
高度：100px；
}
.第一项{
网格柱：2；
网格行：1
}
.第二项{
网格柱：2；
网格行：2
}
内容
填满

您应该像

网格模板行：max content auto

这样定义

网格模板行中行的大小，这将创建两行，第一行是内容的高度，第二行是跨越两行的较大元素的高度


.container{
显示：网格；
网格模板行：最大内容自动；
背景色：红色；
}
.大件{
网格柱：1/2；
网格行：1/3；
背景颜色：灰色；
}
.项目一{
网格柱：2；
网格行：1；
背景颜色：蓝色；
}
.项目二{
网格柱：2；
网格行：2；
背景颜色：黄色；
}

Lorem ipsum dolor坐在amet Concertetur，告别精英。我是圣德比斯吗？Aperiam，saepe别名。除了发明人在雷佩拉特的特殊性之外，是否有其他权利？Lorem ipsum dolor坐在amet Concertetur，告别精英。我是圣德比斯吗？Aperiam，saepe别名。除了发明人在雷佩拉特的特殊性之外，是否有其他权利？Lorem ipsum dolor坐在amet Concertetur，告别精英。我是圣德比斯吗？Aperiam，saepe别名。除了发明人在雷佩拉特的特殊性之外，是否有其他权利？Lorem ipsum dolor坐在amet Concertetur，告别精英。我是圣德比斯吗？Aperiam，saepe别名。除了发明人在雷佩拉特的特殊性之外，是否有其他权利？Lorem ipsum dolor坐在amet Concertetur，告别精英。我是圣德比斯吗？Aperiam，saepe别名。除了发明人在雷佩拉特的特殊性之外，是否有其他权利？Lorem ipsum dolor坐在amet Concertetur，告别精英。我是圣德比斯吗？Aperiam，saepe别名。除发明人的责任外，其他所有责任均应在公司内部进行，并在公司内部进行分配。我是圣德比斯吗？Aperiam，saepe别名。除了发明人在雷佩拉特的特殊性之外，是否有其他权利？Lorem ipsum dolor坐在amet Concertetur，告别精英。我是圣德比斯吗？Aperiam，saepe别名。除了发明人在雷佩拉特的特殊性之外，是否有其他权利？Lorem ipsum dolor坐在amet Concertetur，告别精英。我是圣德比斯吗？Aperiam，saepe别名。不包括发明人的财产所有权，该财产的所有权属于下列所有：
内容
排斥？
你能提供一些示例代码吗？是的，我在发布后就意识到我应该这样做，现在它就在那里了。