Как поставить блок вниз страницы, не закрепляя его?

Question

Собственно как?

Пытаюсь закрепить блок с помощью position значением fixed, но когда размер окна изменяется (на меньший, чем размер двух блоков - верхнего и нижнего, который нужно закрепить), этот блок (нижний) наезжает на верхний блок.

score 1 · Answer 1 · answered Jun 27 '17 at 18:10

1

z-index у верхнего блока должен быть больше, чем у нижнего.

Подробнее: http://htmlbook.ru/css/z-index

answered Jun 27 '17 at 18:10

Денис Небесный

351

Проблема в том, что верхний блок не фиксирован, и имеет position: inherit – ikerya Jun 27 '17 at 18:13
Прикрепите, пожалуйста, скриншоты – Денис Небесный Jun 27 '17 at 18:14
Отредактировал вопрос – ikerya Jun 27 '17 at 18:16
Можно перед фиксированным блоком создать div и регулировать пространство при помощи height. Это как вариант. – Денис Небесный Jun 27 '17 at 18:21
Например? Можете продемонстрировать? – ikerya Jun 27 '17 at 18:23

score 1 · Answer 2 · answered Jun 27 '17 at 18:28

1

<div style="height: 50px"></div>
<div class="footer-fixed"></div>

Инлайновый стиль замените на обычный.

answered Jun 27 '17 at 18:28

Денис Небесный

351

Как поставить блок вниз страницы, не закрепляя его?

2 Answers2