網格軌道
網格軌道（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 屬性來為這些軌道定義尺寸。