Объединение элементов flexbox в div портит их размер.CSS

Разбираемся в CSS
Anonymous
Объединение элементов flexbox в div портит их размер.

Сообщение Anonymous »

У меня есть флексбокс, в котором все элементы могут сжиматься, а один элемент может увеличиваться:

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

div {
border: 1px solid black;
margin: 1px;
}


Я хочу поместить первые два внутренних элемента в отдельный элемент div. (Это может иметь разные причины, для некоторых из которых существуют хакерские обходные пути. Вместо этого я хотел бы понять возможности flexbox.)
Проблема в том, что ширина полностью меняется:

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

div {
border: 1px solid black;
margin: 1px;
}


Даже установка ширины нового div и/или flex-basis на сумму ширины дочерних элементов не помогает. (Такое решение в любом случае будет подвержено ошибкам, когда будут добавлены дочерние элементы или их ширина изменится или будет неизвестна.)
Как я могу получить адаптивные размеры элементов из моего первого примера, но обернуть два элемента в div?

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

Вернуться в «CSS»