[Jak zrobić]Wysokość górnego elementu zależna od wysokości dolnego elementu.

[MatixYo]

Otóż mam taki kod:
<div id="wrapper">
<div id="top"></div>
<div id="bottom"></div>
</div>
Wysokość #wrapper i #bottom są określone.
Co zrobić żeby #top zajmowało 100% wolnej wysokości od góry #wrapper do górnej krawędzi #bottom? Gdyby było na odwrót to umiałbym zrobić. Jedyne rozwiązanie które przychodzi mi do głowy to pozycjonowanie absolutne #bottom i bottom:0; a dla #wrapper nadanie margin-bottom równego wysokości bottom, ale wtedy musiałbym zmieniać margin-bottom i height, a chciałbym żeby dało się to zrobić zmieniając tylko height dolnego diva.

[Kartofelek]

1) flexbox
2) A po co topowi ustawiać 100% wysokości? Tło może mieć wrapper a nie top.

[MatixYo]

W moim przypadku wrapper to okienko czatu, dolny element to textarea, a górny to okno z wiadomościami.
Textarea w zależności od ilości tekstu zwiększa się.

[Kartofelek]

#wrapper - relative
#bottom - absolute, bottom, height
#top - absolute, top, bottom

[MatixYo]

#wrapper - relative
#bottom - absolute, bottom, height
#top - absolute, top, bottom

w #top bottom mam ustawić na height #bottom?
Wtedy też będę musiał zmieniać dwie wartości, a chciałbym jedną.

[Peter]

Tu masz odpowiedź. Prościzna.

http://jsfiddle.net/9kt2okx5/

Pozdrawiam