Как сделать чтобы высота дочернего элемента равнялась высоте родителя, который является прокручиваемым?

Question

[AG15]

Нужно, чтобы второй блок занимал всю высоту родителя https://jsfiddle.net/u00wsr42/4/.

Заранее благодарен

Answer 1

[nonlux]

.child {
min-height:100%
}

https://jsfiddle.net/u00wsr42/2/
jsfiddle.net/u00wsr42/3

Comments

[AG15]

сори, маленькую высоту у первого блока сделал, если высота первого блока станет больше 100%, то это не работает: https://jsfiddle.net/u00wsr42/4/

[nonlux]

jsfiddle.net/u00wsr42/31

[nonlux]

точнее вот jsfiddle.net/u00wsr42/35

[AG15]

nonlux: спасибо, можешь объяснить как это работает, чет я не могу понять, почему оно вообще скролится ведь wrapper - overflow:hidden?

[nonlux]

очень много букаф надо писать, чтобы по на пальцах это объяснить. Да еще хорошы с картинками
Короче css магия состоящая на float, overflow.
Если хочешь у меня в профиле есть почта, отправь на нее скайп. Я завтра тебе стукнусь. А то у меня уже завтра )

Answer 2

[Юрий]

почему бы дочерним элементам не сделать position: absolute и height: 100% ??

Comments

[AG15]

потому что дочерний элемент может занимать больше чем 100%

[Юрий]

AG15: https://jsfiddle.net/u00wsr42/4/

[AG15]

Юрий: ?

[AG15]

Юрий: проскроль

[Юрий]

AG15: сорри, не ну ссылку скинул