Гибкое направление: колонка дочерних элементов переполнения ширины ⇐ CSS

[Anonymous]

У меня есть меню навигации, где я хочу фиксированную высоту, и для того, чтобы подменю обернули вертикально, чтобы я в итоге стал колоннами меню. Попробуя гибкую колонку, обертывание работает, но родительский UL не увеличивается, чтобы соответствовать детям горизонтально. Вместо этого детское меню просто переполняет родительскую ширину. См. Здесь:
https://jsfiddle.net/6wpg5oqr/
#parent {
display:flex;
flex-flow:column wrap;
background-color:red;
height:100px;
}

#parent > * {
min-width:0;
}

• 
  
  aaaaaaaaaaa
• aaaaaaaaaaa
• aaaaaaaaaaa
  
  // ...

< /code>
Почему это происходит? Я видел, что он предложил использовать минимальную ширину: 0 для детей, но, как вы можете видеть, ничего не делал.

Подробнее здесь: https://stackoverflow.com/questions/793 ... flow-width