Как «минимальная высота» влияет на расчет размера гибкого элемента? ⇐ CSS

[Anonymous]

У меня есть 3 вложенных компонента HTML, назовем их A, B и C.
A заполняет область просмотра, имеет:

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

  width: 100%;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;

Б имеет:

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

  display: flex;
column-gap: 8px;
flex: 1;
min-height: 0;

И высота C очень велика.
В настоящее время все работает нормально, C будет уменьшен до высоты области просмотра и переполнения дочернего элемента C будет работать (в дочернем элементе C будет полоса прокрутки). Однако, если я удалю min-height:0 на B, C растянет B и сделает его выше области просмотра.
Почему min-height: 0< /code> важно? Как это влияет на расчет высоты, есть ли документация? На странице MDN минимальной высоты об этом ничего не сказано.

Подробнее здесь: https://stackoverflow.com/questions/783 ... alculation