grid-template 布局下子元素超出

它会根据「剩余空间」来分配。

如果子元素的最小宽度（比如一整段不能换行的文字）大于父容器宽度，1fr 就会被撑大。

所以结果就是：容器比父盒子宽，出现“溢出”。

可能问题是:加上word-break:break-all 单词换行引起，