Нижний колонтитул внизу страницы или содержимого, в зависимости от того, что ниже
У меня есть следующая структура:
<body>
<div id="main-wrapper">
<header>
</header>
<nav>
</nav>
<article>
</article>
<footer>
</footer>
</div>
</body>
Я динамически загружаю контент в<article> используя JavaScript. Из-за этого высота<article> блок может измениться.
Я хочу<footer> заблокировать, чтобы быть внизу страницы, когда есть много контента, или внизу окна браузера, когда существует только несколько строк контента.
На данный момент я могу сделать одно или другое ... но не оба.
Так кто-нибудь знает, как я могу это сделать - получить<footer> придерживаться нижней части страницы / содержимого или нижней части экрана, в зависимости от того, что ниже.