基于Semantic-UI Grid的页面布局：无法移除排水沟

Question

我正在使用semantic-ui创建一个Web应用程序。我正在尝试创建一个具有侧边栏和主要内容区域的布局。起初，我认为使用网格是可行的方法，除了它们会导致一些问题：

1. 列和行之间会有额外的间距/排水沟
2. ＆＃34;删除＆＃34;的唯一方法排水沟是用<div class="four wide black column">之类的东西设置列颜色，但这会导致列与其他内容重叠

因此，网格似乎不是创建页面布局的最佳工具，尽管它们确实提供了对页面布局有用的功能（如定义节大小; four wide column，ten wide column等）

使用Semantic-UI布局Web应用程序的推荐方法是什么，例如简单的侧边栏和主要内容列？

Answer 1

为什么不覆盖应用于＆＃34; grid＆＃34;的默认边距和填充。和＆＃34;列＆＃34;像这样，

.your-custom-class.grid {
    margin: 0;
}
.your-custom-class.grid .column {
    padding: 0;
}

因此，您将获得列之间没有空格的网格。