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

Question

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

1. 列和行之间将有额外的间距/排水沟
2. "移除"排水沟的唯一方法是使用类似的方式设置列颜色<div class="four wide black column">,但这会导致列与其他内容重叠

如此看来,电网不创建页面布局的最佳工具,虽然他们提供的功能,这使得他们对页面布局有用(如定义截面尺寸; four wide column,ten wide column等)

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

Answer 1

为什么不像这样覆盖应用于“网格”和“列”的默认边距和填充，

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

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