垂直扩展CSS网格行

Question

问题

我尝试使用CSS Grid（通过React样式的组件），并且有一个包含两列（一行）的网格。第二列的单元格本身具有网格，其中三个项目分布在两行上。请参阅图片以供参考。

问题

如何让some code块（OutputContainer）成为封闭块（OutputGrid行）高度的100％？使用height: 100%似乎没有效果。

以下是相关代码：

const Grid = styled.section`
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 200px;
`;

const OutputGrid = styled.section`
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 3fr 1fr;
`;

const OutputContainer = styled.section`
  grid-column: span 2;
`;

这是一个带有演示的沙箱：https://codesandbox.io/s/409ozox509

Answer 1

this有效吗？我将CodeBlock括起height: 100% cron: - description: Start Trading Scheduler target: worker url: /startup_trading_scheduler schedule: every mon,tue,wed,thu,fri 09:15 timezone: America/New_York 和黑色背景。请标记＆＃34;正确答案＆＃34;如果它解决了你的问题。