CSS min-height 100% с несколькими div
Хорошо. Я пытаюсь заставить страницу отображаться на 100% высоты области просмотра, но проблема в том, что на странице есть несколько div, которые не всегда вложены друг в друга. Я просмотрел множество вопросов и других сайтов и не могу найти ответ, который бы соответствовал моим потребностям.
В настоящее время у меня такой макет:
<html>
<body>
<div class="container">
<div class="header">
</div>
<div class="content">
</div>
<div class="footer">
</div>
</div>
</body>
</html>
Где header и footer по 80px каждый, я пытаюсь заставить content div заполнить остальную часть области просмотра. Я пробовал установить html, body и контейнер div на "height:100%" каждый, а затем установить content div на min-height:100% и height:100%, но это просто заставляет div расширяться до 100% области просмотра, а затем нижний колонтитул сдвигается вниз на 80px (потому что заголовок 80px), поэтому полная страница в итоге получается 100% + 160px (два 80px div).
Есть идеи? Будьте здоровы.