Вложенные элементы flexbox сжимаются по-разному ⇐ CSS

[Anonymous]

Во вложенном флексбоксе я хочу создать два элемента (

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

.a

во внутреннем флексбоксе и .c во внешнем флексбоксе) шириной 700 пикселей, если доступно пространство, и сжимаются в противном случае.
Они имеют одинаковое значение flex-shrink, равное 1, но в конечном итоге они имеют разные размеры. Как я могу заставить их уменьшаться одинаково?

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

.a {
width: 700px; /* flex-basis doesn't work */
}
.b {
min-width: fit-content;
}
.c {
flex: 1 1 700px;
}
.flex {
display: flex;
}
div {
min-width: 0;
outline: 1px solid black;
}

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

 a
bbbbbbbbbbbbbbbbbbbb

c

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

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

; right: 

...

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