Как размер родительского девта на основе некоторых его детей ⇐ CSS

[Anonymous]

У меня есть Div, который содержит множество других Div, для двух из тех, кого я хочу убедиться, что родительский Div, по крайней мере, такой же широкий, как и эти дочерние Div, потому что третий я хочу, чтобы он прокручивал, если он становится слишком большим.
Я могу получить его, чтобы один разделил прокрутки, но затем остальные переполнены. Я могу убедиться, что другие не переполнены, но затем средний раз расширяется вместо прокрутки.

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

.horizontal-block-70, .horizontal-block-30< /code>
to 0 Работающая часть прокрутки работает, если я изменю ее на Min-Content. Растяжение работы заголовков, но средний девтатор растет и не буду прокручивать. Class = "Snippet-Code">
div {display:flex; flex-direction: column}
[a] { border: 1px solid black; min-width: min-content; width: 5rem }
[b] {min-width: min-content}
[c] {flex: 1 1 auto; min-width: 0; overflow-x: auto}< /code>

bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc

< /code>
< /div>
< /div>
< /p>
Таким образом, он прокручивает C ": < /p>




bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc

Как я могу объединить это в одно решение?

Подробнее здесь: https://stackoverflow.com/questions/797 ... s-children