Prosze o pomoc:

Chodzi mi o to że jak div przechodzi do kolejnego wiersza po zmniejszeniu okna przeglądarki, a dokładniej div o treści "bbbbbbb" i "cccccccccccc" nie nachodziły na siebie. Zaznaczam że dzieje się tak tylko w przypadku, gdy div ma wysokość height:100%, bo gdy nadam mu wartość konkretną czyli np. height:300px to wszystko działa jak należy, tzn divy się normalnie układają pod sobą w kolumnie i nie nachodzą na siebie.

Mam nadzieję że pomożecie mi rozwiązać ten problem.

DOKŁADNIEJ:
https://jsfiddle.net/ty309x9L/5/
Jak zmniejszę okno przeglądarki tak żeby był w jednym wierszu tylko jeden div to jest kolejno "aaaaaaaaaaaaa", "ddddddddddddd" "eeeeeeeeeeeeeee, "ffffffffff" a nie ma "bbbbbbbbbbbb" i "cccccccccccccccc"