У меня есть макет, подобный этому
<section id="container">
<header></header>
<section id="main"></section>
<footer></footer>
</section>
В настоящий момент моя страница выложена следующим образом:
-------------------
| | 100px height
| HEADER |
|-----------------|
| |
| MAIN | 500px height
| |
|-----------------|
| |
| FOOTER |
|-----------------|
| |
| |
-------------------
Я хотел бы, чтобы нижний колонтитул расширял, следуя основной области содержимого в нижней части страницы, как это можно достичь?
-------------------
| | 100px height
| HEADER |
|-----------------|
| |
| MAIN | 500px height
| |
|-----------------|
| |
| FOOTER |
| |
| |
| FOOTER |
-------------------
ПРИМЕЧАНИЕ: Я заметил, что все ответы до сих пор будут привязывать нижний колонтитул к нижней части страницы, однако при перетаскивании нижнего колонтитула просто перемещается вниз/основной контейнер расширяется, я хочу, чтобы нижний колонтитул расширялся.