Flex-basis = 0 должен переопределить ширину, но это не так ⇐ CSS

[Anonymous]

Я читал, что гибкий базис должен переопределить ширину. Но в этом примере ， оба контейнера имеют гибкую-базис: 0 , но второй также имеет ширину: 50px , определяемый, и он явно имеет эффект от размера равным.
Так что я озадачен двумя связанным CSS) < /li>
Почему не гибкий базис: 0 работал, чтобы установить гипотетический размер на 0, что приводит к равной ширине без добавления ширины < /li>
< /ol>
Как я понимаю из спецификации: < /p>

Определить изгиб-базовый размер: < /p>
< /b /b /> Определить размер сгиба и гипотетический размер. />
Если элемент имеет определенную используемую основу гибки, это размер гибкого база. < /li>
Гипотетический основной размер - это размер изгибного основания элемента зажимается в соответствии с его использованным min и максимальным размером (и полы
Zero). Установлен и должен решить до 0. Гипотетический основной размер также должен также разрешаться до 0, поскольку существуют ограничения на ширину min /max. < /p>

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

    .container1, .container2 {
width: 210px;
height: 200px;
padding: 10px;
border: solid;
display: inline-flex;
box-sizing: border-box;

div {
margin: 1px;
flex: 1 1 0;
}

& div:nth-child(1) {
background: lightpink;
}

& div:nth-child(2) {
background: lightblue;
}
}

.container2 div {
width: 50px;
}< /code>

short
looooooooooooooong


short
looooooooooooooong

Подробнее здесь: https://stackoverflow.com/questions/795 ... -it-doesnt