Flex-flow: перенос столбца в гибком поле, вызывающий переполнение родительского контейнера ⇐ Html

[Anonymous]

У меня есть такой сценарий:

https://jsfiddle.net/b6zcdgf7/

Код: Выделить всё

.container{
display:flex;
height:3em;
border:solid thin blue;
}
.section{
border:solid thin gray;
display:flex;
}
.section.horiz{

}

.section.vert{
flex-direction:column;
flex-wrap: wrap;
}

.box{
border:solid thin red;
width:1em;
height:1em;
}

Код: Выделить всё

При использовании .section.vert элементы .box переполняют раздел.

Можно ли что-нибудь сделать, чтобы избежать необходимости устанавливать ширину для элемента .section.vert?>

Подробнее здесь: https://stackoverflow.com/questions/359 ... -container