Почему flexbox nowrap не работает?

Question

[alalala]

В блоке расположены 2 блока. Даю основному:

display:flex;
flex-wrap:nowrap;

Блокам внутри задаю 100% ширину. Всё равно эти 2 блока выстраиваются в 1 линию. Нужно чтобы были друг под другом. Что не так делаю?

Answer 1

[g33km]

Так ведь вы свойством "nowrap" задали им, что переноситься они не будут.
Чтобы блоки занимали всю ширину родителя и переносились на новую строку, необходимо родителю дать
flex-wrap: wrap;
А детям
flex-basis: 100%;