我正在尝试使用 Bourbon Neat 2.x 实现 50/50 面板布局，其中左侧面板将具有背景颜色，但网格边距给我带来了一些问题。
我最初只有标准的 grid-container 作为父级，两个 div 使用 @include grid-column(6) 混合。问题是，在网格的左侧和右侧留下了空白，因此 50% 背景色面板无法正常工作。
然后我尝试添加 grid-collapse mixin 来尝试去除边距 ( codepen example )，但这似乎具有使页面 > 100% 宽度的效果，领先为用户水平滚动。
有没有一种简单的方法可以实现这种布局，或者我应该为完全没有边距的面板使用自定义网格定义？
最佳答案
Neat 可以涵盖这个用例，但它需要稍微多一点的 html。诀窍是具有 grid-collapse 类的对象(在您的示例中为 .container )需要一个包装器 width: 100%;溢出:隐藏；。
这里有一个问题也回答了这个问题 → Remove outside gutters in Neat 2
关于css - Neat 2.x 中的全宽、50/50 布局？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46753960/