Как прижать footer к низу экрана?

  • Alex11 месяцев назад
    Есть основной блок <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;
    }
Ваш ответ:
  • bold
  • italic
  • underline
  • strike
  • Add link
  • Add image
  • Blockquote
  • Align left
  • Align center
  • Align right
  • Code
×
Используя сайт, вы подтверждаете, что вы прочитали и поняли политику о куки, политику конфиденциальности и наше пользовательское соглашение.