Как сверстать фиксированный блок и резиновый с фоновым изображением?

Question

[Nikbes]

Есть два блока. Первый в шапке страницы с фиксированной высотой и шириной в 100%.
Второй должен занимать 100% ширины и остальную высоту страницы, при этом в блоке должна быть фоновая картинка.
Я сделал но чувствую что не то, у меня скрыт скролл и использовал vh. Возможно есть альтернативный путь? Буду благодарен за ссылки на материалы что могут помочь.

Answer 1

[Виталий Инчин ☢]

jsfiddle.net/208tevmk

UPD: Можно и через calc()

Comments

[Nikbes]

Для body я могу сделать. Нужно именно для блоков. У меня примерно так: https://jsfiddle.net/Lgrb9ok6/2/
Но при ресайзе окна мне нужно чтобы появлялся скролл. И единственным решением есть использование медиа-запросов?

[Виталий Инчин ☢]

Nikbes: скролл в блоке или для страницы?
Так если для страницы - высота header+selection = 100%, тогда откуда взяться скроллу?

[Nikbes]

Виталий Инчин: блин, calc() то что надо!!! Извините что не мог толком написать что надо. Спасибо за помощь!!!

[Виталий Инчин ☢]

Nikbes: только учтите, что на мобильных браузерах он не поддерживается.