Вложенный flexbox игнорирует `flex-basis` ⇐ CSS

[Anonymous]

Во вложенном флексбоксе я хочу сделать элемент шириной 700 пикселей, если есть место, и сжать в противном случае.

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

flex-basis: 700px

не помогло. width: 700px работает, но тогда дочерний элемент внутреннего флексбокса сжимается больше, чем дочерний элемент внешнего флексбокса. Как это можно исправить?

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

div {
min-width: 0;
}

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

a
bbbbbbbbbb

c



a
bbbbbbbbbb

c

Причины, по которым флексбоксы должны быть вложенными, для простоты опущены. Например, внутренний флексбокс должен иметь позицию: относительная и дочерний элемент с позиции: абсолютный; слева: ...

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

; right: 

...

Подробнее здесь: https://stackoverflow.com/questions/798 ... flex-basis