Html 基于语义UI网格的页面布局：无法删除檐槽

我正在使用

语义ui

创建一个web应用程序。我试图创建一个布局，其中有一个侧栏和主要内容区域。起初，我认为使用网格是一种可行的方法，但它们会导致一些问题：

列和行之间将有额外的间距/檐槽

“删除”檐槽的唯一方法是使用类似

的内容设置列颜色，但这会导致列与其他内容重叠

因此，网格似乎不是创建页面布局的最佳工具，尽管它们确实提供了使其对页面布局有用的功能（例如定义节大小；

四宽列

，

十宽列

，等等）

---

使用语义UI（例如简单的侧边栏和主内容列）布局web应用程序的推荐方法是什么？

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

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

---

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

显然，您无法完全移除水槽，但您可以简单地覆盖语义css并强制执行规则，同时在构建语义的同时，您可以更改aq许多参数，其中包括边距和填充，我没有检查，但我很确定排水沟也会在那里。只需将它们设置为0px。这是定制的最佳方式，并且在更新到新版本时很容易保持。对于侧菜单，请使用侧栏：）这完全取决于您使用的是源代码还是编译版本？如果您使用的是源代码，请创建另一个网格类，该类不遵守页边空白，例如

ui grid-tight

或其他内容。那么你仍然有两种选择。