Протянуть до последней строки в сетке автоматического потока [дубликат] ⇐ CSS

[Anonymous]

Как добиться того, чтобы столбец охватывался до последней строки сетки в сетке с автоматическим расположением? При использовании явной сетки можно ссылаться на строку -1, но, похоже, она не работает с автоматическим потоком. Вот код:

Код: Выделить всё

Row 1
Row 2
Row 3
Row 4
Row 5

Код: Выделить всё

.container {
display: grid;
/* auto-flow doesn't work. */
grid: auto-flow / 200px 50px;
/*
Explicit grid works.
grid: repeat(5, auto) / 200px 50px;
*/
}

.side {
/* Works in auto-flow if -1 is replaced with 6. */
grid-area: 1 / 2 / -1;
background-color: lightgrey;
}

Если сетка указана явно, все работает:
[img]https://i .sstatic.net/AJ90rzm8.png[/img]

В сетке с автоматическим расположением столбец занимает всего одну строку. (Инструменты разработчика показывают, что отрицательные номера строк назначаются только столбцам, но не строкам, см. явное изображение сетки выше.)



Подробнее здесь: https://stackoverflow.com/questions/786 ... -flow-grid