CSS栅格：宽度溢出视口

下面的css会导致水平溢出和滚动条。我尝试了以下操作：将中间列更改为

80%

，

80vw

，

200px

，删除

width

属性，将

width:100vw

添加到

。我做错了什么

笔在这里：

更改画笔中的中间列fr不会导致预期的宽度更改。我想知道为什么

此外：项目符号列表中的文本似乎覆盖了左侧的图像。为什么呢？它们位于两个独立的栅格轨道中

---

谢谢大家!

寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的代码。请参见您是否忘记删除

正文上的默认边距

？-这似乎部分解决了这个问题。有趣的是，机身仍然是5px左右太宽，下面有一个小小的滚动条。但除此之外：我的两个侧栏都是图像，它们不会变窄。我现在尝试了“1fr 10fr 1fr”，这两幅图像的宽度各占30%左右。我以为网格会自动处理这个问题。我需要在图像上定义什么吗？目前他们甚至没有在CSS中调用。你真的需要演示实际的问题。请参阅上面的钢笔。