Как получить прокрутку на всю высоту с абсолютным верхним и нижним колонтитулом? ⇐ CSS

[Anonymous]

Мне интересно, сможет ли кто-нибудь выполнить 100 % этих требований, работая вместе, я могу выполнить только 80 % (№4 – это боль):

• Заголовок всегда остается вверху страницы.
• Нижний колонтитул всегда остается внизу страницы.
• Основной занимает все остальное. середину страницы, независимо от того, переполняется она или нет.
• При переполнении основной страницы появляется полоса прокрутки, занимающая всю высота браузера (т.е. рядом с заголовком, основным и нижним колонтитулом). Дополнительный бонус: когда основная часть маленькая, полоса прокрутки отсутствует.
• Прокрутка наблюдается только в основной. Верхний и нижний колонтитулы не подвергаются чрезмерной прокрутке.

Лучшее, что я сделал до сих пор, не имеет полной высоты полосы прокрутки:

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

Я использую Tailwind, но вы можете использовать простой CSS. Надеюсь, это не раздавит твою душу так, как мою.

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