CSS网格内的文本区域大小

Question

我正在尝试使用隐式CSS网格为以下基本HTML结构生成布局：

<div class='row'>
    <textarea></textarea>
    <div></div>
</div>

[.row div是一个CSS网格，其自动流设置为column，用于将元素自动放置为列：

.row {
  display: grid;
  grid-auto-flow: column;
}

我希望，与大多数元素一样，CSS网格将为行中的textarea和div元素提供相等的空间。但是，布局看起来像这样：textarea沿行占用的空间超出了预期。当您尝试调整textarea的大小时，我看到以下内容：似乎正在发生的是，网格在textarea的右侧添加了与右侧div的宽度相等的额外空间。我不知道是为什么发生这种情况，以及为什么元素最初没有相等的宽度。我在这里想念什么？

我创建了一个简单的JSFiddle用于测试此行为here。

Answer 1

要使其具有相同的尺寸，您需要ask the grid to do that