как установить нижний колонтитул ниже содержимого в реакции

Question

У меня есть нижний колонтитул, который залипает внизу, когда содержимое находится в одной строке, например:

Когда у меня есть содержимое более одной строки, нижний колонтитул также находится внизу, но будет охватывать некоторую часть содержимого последней строки, например:

Я использую Card.Group от semanti c ui реагировать на содержимое и мой нижний колонтитул CSS:

position:'absolute',
left:0,
bottom:0,
right:0

Как я могу это исправить?

Answer 1

Вы можете установить минимальную высоту контейнера с перечислением как

min-height: calc(100vh-(footerheight+headerheight))

Редактировать:

Поскольку нижний колонтитул является абсолютным, контейнер принимает высоту карточек и течет ниже нижнего колонтитула