100% min-height dla wielu div? - css

Jeśli mam następującą strukturę, na przykład w układzie pojedynczej strony:

<div id="container">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
</div>

Czy możliwe jest ustawienie minimalnej wysokości div1-4 do 100% i umieść każdy div jeden pod drugim, używając tylko CSS? Ive stworzył stronę, gdzie każdy div ma 100% wysokości, ale problemy zaczynają pojawiać się, gdy zawartość div jest dłuższa niż okno przeglądarki. Wydaje się, że jest wiele artykułów o minimalnym wzroście 100%, ale nie znalazłem jeszcze jednego, w którym jest zaangażowanych więcej niż jeden dział.

Odpowiedzi:

Dla height lub min-height aby poprawnie działać na elemencie, rodzic elementu musi mieć wyraźne height zdeklarowany. To wszystko idzie w górę w twoim drzewie DOM.

Nie powinno być różnicy w renderowaniu jednego lub wielu elementów div o minimalnej wysokości, o ile mi wiadomo, więc tak, możliwe jest pozycjonowanie tylko przy użyciu CSS.

Widzieć Wysokość procentowa HTML 5 / CSS po więcej szczegółów