Страницы

Поиск по вопросам

пятница, 26 апреля 2019 г.

Разместить слой, после слоя с position: absolute

Здравствуйте, вот задача: После слоя с position: absolute; нужно разместить следующий слой, так, чтобы он стоял после предыдущего.
Пример кода:
.full-screen { position: absolute; width: 100%; height: 100%; }


Цель: первый слой должен быть на весь экран, а второй должен идти после него. Эту задачу можно решить несколькими способами.


Ответ

Если блок должен скроллиться
html, body { height: 100%; margin: 0; } .full-screen { position: absolute; width: 100%; height: 100%; top: 0; background: silver; opacity: .5; } body:before { content: ""; display: block; height: 100%; }

Тут какой-то контент

Комментариев нет:

Отправить комментарий