Zachowanie divów pod divem zmieniającym kształt (HTML/CSS)

Question

 

 

Witam, jak zrobić aby jak widać na powyższym obrazu, dwa dolne divy "Normal" zawsze były poniżej diva flexible który zmienia wysokość zależnie od ilości tekstu w nim, chce aby te dwa dolne divy zawsze ustawiały się pod divem "flexible", obecnie div flexible po wpisaniu tekstu rozciąga się zakrywając poniższe divy niezależnie od metody pozycjonowania znanej przeze mnie.

>> mogę to napisać w js aby pobrać wysokość i ustawić inną dla danego diva, lecz chciałbym zrobić to najlepiej bez skryptów

 

Byłbym wdzięczny za odpowiedź

Answer 1

Jeśli mają to być zawsze divy jeden pod drugim to po co Ci tu w ogóle flex dla nich? Standardowo wypozycjonują się jeden pod drugim, daj im po prostu odpowiednie width i tyle, chyba, że coś źle rozumiem pytanie. Najlepiej jednak daj po prostu kod na codepen żeby można potestować CSS.

Answer 2

Nie potrzebny jest tu flex, jeżeli nie narzucisz divovi z textem określonej wysokości to będzie się "rozciągał" samemu.