相关疑难解决方法(0)

我很好奇是否可以使用Grid Layout CSS来创建这样的东西:

************************
*        row #1        *
************************
*                      *
*                      *
*        row #2        *
*                      *
*                      *
************************
*        row #3        *
************************

因此,网格必须填满整个身高.其他元素也有一些限制:

• 第一行与网格顶部对齐,可以改变它的高度(但是有一个最大高度值)
• 第3行与底部对齐,可以改变它的高度(也有最大高度值)
• 因此第2行必须填充网格中的所有剩余空间.
• 网格容器不应该溢出html主体.

我有一个例子:3行网格布局.我还可以用绝对的位置都这样,但有没有用,因为我可以自动计算出列#2的利润没有任何必要的js代码.