спас мою жизнь
веденном ниже примере я хочу предотвратить переполнение родительского элемента в растянутом дочернем элементе. Я не хочу указывать ширину для него. Как я могу это сделать?
#flex-parent { display: flex; width: 200px; background: green; padding: 10px; }
#fixed-child { width: 20; background: red }
#stretched-child { background: yellow; word-wrap: break-word }
<div id="flex-parent">
<div id="fixed-child">
FIXED
</div>
<div id="stretched-child">
STREEEEEEEEEEEEEEEEEEEEEEEEEEEECHED
</div>
</div>