Я пытаюсь создать макет содержимого основной боковой панели с неизвестным количеством элементов строки. Определение ширины - 2fr для основной и 1fr для боковой панели. Первоначальная настройка выглядит следующим образом:
Codepen: базовый макет
Однако теперь проблема заключается в создании пробелов. Итак, после поиска я нашел grid-auto-flow: dense;, в котором говорится, что нужно заполнить пустые места. Результатом этого является:
Codepen: grid-auto-flow density
Хотя при этом удаляются пустые пространства, теперь строки «растягиваются», чтобы соответствовать содержимое рядом с ним, а это не то, что нужно.
Итак, что нужно, чтобы исправить это, чтобы не было пустого места, но дочерние элементы соответствовали содержимому высоты и для создания продолжающейся основной / боковой панели?