我尝试使用Bourbon Neat 2.x来实现50/50的面板布局，其中左侧面板将具有背景颜色，但是网格边距导致了一些问题。
我最初只使用标准grid-container作为父级，使用@include grid-column(6) mixin使用两个div。麻烦的是，在网格的左侧和右侧留下了一个边距，因此50％的背景颜色面板不起作用。
然后我尝试添加grid-collapse mixin以尝试去除边距（codepen example），但这似乎会产生页面＆gt; 100％宽度，导致用户水平滚动。
是否有一种简单的方法可以实现此布局，还是应该为没有边距的面板使用自定义网格定义？
答案 0 :(得分：0)
Neat可以涵盖这个用例，但它需要更多的html。诀窍是具有类grid-collapse（在您的示例中为.container）的对象需要使用width: 100%; overflow: hidden;围绕它的包装。
这是一个也回答这个问题的问题→Remove outside gutters in Neat 2