`max-h-full`, кажется, игнорируется, когда `h-fit` используется в попутном ветру ⇐ CSS

[Anonymous]

У меня есть два вертикальных списка элементов, расположенных друг над другом по вертикали (вот макет: https://play.tailwindcss.com/X5ROLUVlVN).

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

ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf




ioheaf
ioheaf
ioheaf
ioheaf
ioheaf
ioheaf

Когда списки достаточно малы и оба помещаются в родительский контейнер, я хочу, чтобы они сжались до своего содержимого. Я получаю такое поведение с помощью h-fit для div с абсолютным (вы можете увидеть это, удалив несколько элементов в первом списке).
Когда списки слишком велики, я хочу, чтобы элемент div с абсолютным был ограничен высотой контейнера, а пространство было разделено в виде сетки. Я получаю такое поведение с h-full.
Я думал, что если бы я использовал h-fit max-h-full, я бы получил оба поведения, но, похоже, он игнорирует max-h-full, а div просто расширяется за пределы своего контейнера. Я неправильно понимаю, как работает максимальная высота? Есть ли другой способ добиться этого? Я бы предпочел использовать только попутный ветер/css (без js).

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