Как сделать первый блок 100% width\height, а дальше обычный content?

Question

[Борис Белов]

Дано:

<div class="block-full"> текст </div>
<div class="content"> текст </div>

Описание:

Например на главной странице, я хочу вывести два блока. Первый из них block-full он должен иметь при заходе на сайт width="100%", и height="100%". Но потом когда скролим вниз, то там идет все как обычно.

С помощью CSS у меня не получилось сделать. Ибо если делать position:absolute, то нижняя часть понятное дело прячется (или идет поверх)

Нужно:

Способами CSS, HTML, JS решить проблему.

Answer 1

[Борис Белов]

Если кто-то интересуется jsfiddle.net/flatiron_school/h6Lmqsg3