grid-rows 属性用于定义网格容器中的行的大小和位置。它决定了每一行的大小和位置，可以通过指定长度值、百分比值、fr 单位或 minmax 函数来实现。
语法
---------- ------------- - -------------
<line-names>：指定网格线的名称，用于定义网格轨道。<track-size>：指定网格轨道的大小，可以是长度值、百分比值、fr 单位或 minmax 函数。
属性值
<line-names>：可以是任意有效的网格线名称，如header-start,header-end,content-start,content-end等。<track-size>：可以是长度值（如 px、em、rem）、百分比值（如 50%）、fr 单位（表示剩余空间的比例，如 1fr、2fr）、minmax 函数（指定轨道的最小和最大大小，如 minmax(100px, auto)）。
示例
--------------- - -------- ----- ------------------- ----- ----- ---- ---------- ------------ ----- ---------- ------------- ----- ------------ -
在上面的示例中，我们首先通过 grid-template-rows 属性定义了网格容器中的行大小，然后通过 grid-rows 属性指定了每一行的名称和大小。这样就可以精确控制每一行的大小和位置了。
注意事项
- 当使用
grid-rows属性时，要注意网格线的名称需要事先定义好，否则会出现布局错误。 - 可以结合使用
grid-template-rows和grid-rows属性来实现更加灵活的布局效果。
通过 grid-rows 属性，我们可以轻松地控制网格容器中的行的大小和位置，实现更加灵活的布局效果。