Как установить максимальную ширину элементов внутри переполненного родителя? ⇐ CSS

[Anonymous]

У меня есть два элемента внутри контейнера, максимальная ширина которого равна 250 пикселей, эти два элемента являются динамическими, и в моем примере ширина второго составляет 500 пикселей (установлена ​​для отображения проблемы), а первый должен расшириться до 500 пикселей. из-за этого второго элемента. Возможно ли это в CSS?

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

.container {
display: flex;
flex-direction: column;
max-width: 200px;
background-color: orange;
overflow: auto;
}

.test {
height: 100px;
}

.test-one {
background-color: pink;
}

.test-two {
width: 500px;
background-color: red;
}

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

Test one
Test two

Подробнее здесь: https://stackoverflow.com/questions/793 ... ing-parent