如果您认为 CSS Grid 可以解决内容溢出超出水平布局范围的问题，那么请再想一想。Dave Rupert 描述了他无意中以两种方式打破网格边界，以及他是如何将内容重新整理到位的。
作为一名前端开发人员，没有什么比在网站上看到意外的水平滚动条更让我烦恼的了。在使用 CSS Grid 构建结账布局时，我惊讶地发现某些神秘的东西破坏了容器。我以为 Grid 某种程度上自动解决了大小问题。
最终，我发现了两种破坏 CSS Grid 的方法。碰巧的是，我在同一个布局中同时使用了这两种方法。
事实证明，这些特殊情况归结为
- 在网格元素上使用
overflow-x - 在表单控件（或更具体地说，替换元素）上使用网格
Dave 的解决方案是一组 CSS 规则，亲切地命名为 Fit Grid，它是一个辅助类，有效地删除并替换分配给网格项目的自动 min-width: auto 属性。这是一个非常有用的资源，尽管他承认它有点像“Clearfix 2.0”的范畴。