Итак, у меня есть эта сетка:
+---------+------------------------------+---------+
| <div> | <p> - 1000 characters long | <div> |
+---------+------------------------------+---------+
Внутри p есть супер длинная строка без пробелов.div s - заполнители с фиксированными размерами.Это приводит к следующему:
display: grid;
grid-auto-flow: column;
grid-template-columns: auto minmax(0, 1fr) auto;
Но изменение minmax(0, 1fr) на 1fr дает следующее:
+---------+----------------------------------------+
| <div> | <p> - 1000 characters long | <div> |
+---------+----------------------------------------+
Переполнение из родительского элемента и выход из размера экрана.Почему он не ведет себя как minmax?
Codepen