у меня есть три дивирования подряд. Первый должен быть фиксированным, второй должен расширяться, пока не достигнет «максимальной шириной», а третий Div должен занять оставшееся пространство. Он работает правильно, пока третий Div не достигнет текста, который не достигнет всей ширины. Вместо текста, просто упавшего, он начинает делать второй див меньше. < /P>
sdfsdf
fghfgh fghfghd sdf sdf sdf ssdf sdf gh
sdfsdfsdfsdfsfd sdf sdf sdf sdf sdfwef sdfwefs df
#container{
background-color: red;
display: flex;
height: 100px;
width: 400px;
}
#one{
background-color: blue;
flex-grow: 1;
width:60px;
}
#two{
background-color: red;
max-width: 100px
}
#three{
background-color: green;
flex-grow: 1;
}
< /code>
Вы можете найти jsfiddle здесь. < /p>
Подробнее здесь: https://stackoverflow.com/questions/386 ... -correctly