Как прижать footer к низу экрана?
- 11 месяцев назадЕсть основной блок <main> с различным контентом, а под ним размещeн футер.
Если контента нет или он не занимает достаточного места, нужно сделать чтобы минимальная высота main была 100% от окна браузера. При этом футер должен оставаться видимым внизу страницы.
Футер может менять высоту, но при этом он все равно должен оставаться прижатым к низу окна браузера.<html>
<body>
<header>header</header>
<main>main</main>
<footer>footer</footer>
</body>
<html>main {
width: 768px;
height: auto;
margin: 0 auto;
}Ответов: 1 - 11 месяцев назад
footer {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
right: 0;
background-color: red;
}
Ваш ответ: