登录 | 注册 | FAQ
Anonymous

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

+ 发表回复

3 篇帖子 分页: 1 / 1


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

mr.relax » 周五 2月 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
  • 注册: 周五 2月 02, 2018 6:57 pm

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

mr.relax » 周六 2月 03, 2018 10:24 pm

Добавлю решение без position. Через flex.
https://jsfiddle.net/mrrelax/yaqxney0/
头像

mr.relax

  • 帖子: 2
  • 注册: 周五 2月 02, 2018 6:57 pm

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

Muruder11 » 周一 11月 12, 2018 8:41 am

Так мне любопытно.
头像

Muruder11

  • 帖子: 1
  • 注册: 周一 11月 12, 2018 8:28 am


+ 发表回复

分页: 1 / 1