限制css网格列中的内容宽度

我遇到了一个与CSS网格混淆的问题。我有一个有两列的网格，第一列是100px，第二列是fit，其余的（

网格模板列：100px auto

）。一切正常。但如果第二列有一个超大元素，则第二列的宽度为溢出。我试图使用最大宽度，但它不起作用

这是我的小提琴，请检查一下：

.container{
显示：网格；
网格模板列：100px自动；
栅极间隙：30px；
宽度：400px；
}
.对{
最大宽度：100%；
}
.文本{
宽度：700px；
最大宽度：100%；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。在iaculis dictum中的Sed finibus lorem。这是一种非水平精英的教育。没有共同侵权行为，也没有共同侵权行为。以同样的方式表达自己的观点
利奥的简历。
Lorem ipsum dolor sit amet，是一位杰出的献身者。在iaculis dictum中的Sed finibus lorem。这是一种非水平精英的教育。没有共同侵权行为，也没有共同侵权行为。以同样的方式表达自己的观点
利奥的简历。在justo-vel Pellentsque处有一个设施不足的地方。你的生活是怎样的，你的设备是怎样的。无需任何设施。这是一个很好的方法。莫比·菲尼布斯在福吉亚大酒店
设施。妊娠中期临时性分娩。塞德·罗特鲁姆·森佩尔·萨皮恩（Sed rutrum semper sapien），位于伦敦的finibus metus maximus。在turpis-augue，Pellentsque在lectus nec，porta elementum justo。这是一个非常重要的问题。Aenean Placelat orci sem，ut blandit
前三名。

尝试添加

overflow: auto

像这样：

.right {
  max-width: 100%;
  overflow: auto
}

它会解决你的麻烦！

---

非常感谢。有效：D