网格轨道
网格轨道（grid track）是两个相邻网格线之间的空间。它们通过使用 grid-template-columns 和 grid-template-rows 属性或简写属性 grid 或 grid-template 属性在显式网格（explicit grid）中定义。当将网格项放置在显式网格创建的轨道之外时，也会在隐式网格（implicit grid）中创建轨道。
下图显示了网格中的第一行轨道。
显式网格中的轨道尺寸
在使用 grid-template-columns 和 grid-template-rows 定义网格轨道时，您可以使用任何长度单位，也可以使用弹性单位 `fr`，它表示网格容器中可用空间的一部分。
示例
下面的示例演示了一个具有三个列轨道的网格，第一个轨道为 200 像素，第二个轨道为 1fr，第三个轨道为 3fr。在从网格容器的可用空间中减去 200 像素后，剩余空间将被分成 4 份。一份给第二列，三份给第三列。
css
.wrapper {
display: grid;
grid-template-columns: 200px 1fr 3fr;
}
html
<div class="wrapper">
<div>One</div>
<div>Two</div>
<div>Three</div>
<div>Four</div>
<div>Five</div>
</div>
隐式网格中的轨道尺寸
默认情况下，在隐式网格中创建的轨道是自动调整大小的。但是，您可以使用 grid-auto-rows 和 grid-auto-columns 属性来为这些轨道定义尺寸。