Вход | Регистрация | FAQ
Anonymous

Position: fixed - сделать размеры блока как у body

+ Ответить

Сообщений: 2 Страница 1 из 1


Position: fixed - сделать размеры блока как у body

mr.relax » Пт фев 02, 2018 6:59 pm

Есть страница, c:
body {
max-width: 1200px;
margin: auto;
}


Т.е. контент посередине.

Вопрос: есть блок <footer>, как средствами CSS сделать его "привязанным" к низу страницы так, чтобы он был одного размера с body? И соответственно менял размеры, если у body меняется.
Ну например: окно браузера уменьшили...

footer {
position: fixed;
bottom: 0;
}


"привязывает" <footer> к низу, но растягивает по ширине экрана.
Аватара пользователя

mr.relax

  • Сообщения: 2
  • Зарегистрирован: Пт фев 02, 2018 6:57 pm

Re: Position: fixed - сделать размеры блока как у body

mr.relax » Сб фев 03, 2018 10:24 pm

Добавлю решение без position. Через flex.
https://jsfiddle.net/mrrelax/yaqxney0/
Аватара пользователя

mr.relax

  • Сообщения: 2
  • Зарегистрирован: Пт фев 02, 2018 6:57 pm


+ Ответить

Страница 1 из 1