相关疑难解决方法(0)

所以我有这个网格:

+---------+------------------------------+---------+    
|  <div>  |  <p> - 1000 characters long  |  <div>  |
+---------+------------------------------+---------+

里面p有超长的字符串,没有空格.divs是具有固定尺寸的占位符.这产生了以上:

  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