하단 고정형 가변 레이아웃 높이 문제 질문

HTML을 공부하며 하단이 고정된 레이아웃으로 사이트를 만들고 있어요.
기본 구조는 잡았는데, 내용이 길어지면 하단을 뚫고 나옵니다.
가변 높이 레이아웃에서 이 문제를 해결하려면 어떻게 해야 할까요?
소스도 첨부했으니 살펴봐 주시면 감사하겠습니다.