Css div ma zajmować pozstałą część miejsca

Question

Witam,

mam taki problem, mam div-container w którym umieszczam inne divy każdy zajmje np 20% containera, czyli jeżeli są 3 divy zajmują 60% a 40% jest wolne. Chciałbym znaleźć sposób aby ostatni div containera zajmował pozostałe miejsce, nie mogę mu ustawić height na 40%, bo jak będą tylko dwa elementy przed nim to będzie musiał zająć 60%, a jak będzie 1 to 80%

Da się coś takiego rozwiązać?

proszę o pomoc

Answer 1

Umiesz flexboxa ? Jeśli tak daj containerowi flexa, i flex-direction: column. A potem ustaw tym 3 divom flex basis na 20% czy tam ile chcesz a temu 4 daj flex-grow:1 

Comments

dzięki

Answer 2

Spróbuj dla ostatniego div-a: height: auto;

#div-container:last-child {
  height: auto;
}