请看一下我的Hello World 式的应用程序 https://verumdesigns.com，使用 Semantic-UI 构建。
我经常使用 Semantic-UI，我比 Bootstrap 更喜欢它，但我注意到边缘存在这个一致的问题。视口有某种多余的边距，请注意网页的底部（空白区域）和网页的右侧（更多空白区域）。
我一直在尝试设置width/height of html/body to 100%，无济于事。
这是语义用户界面问题还是其他问题？有什么建议来纠正这个 CSS 吗？
正是因为ui grid由于负边距而将内容拉出其区域的属性。尝试将其设置为 0。
.ui.grid {
margin: -1rem; // Change to 0
}
最佳实践是将 ui 网格包装在容器内。我不确定为什么您的网站中缺少 .container CSS 代码，但他们在文档中有它。
语义 UI 文档 http://semantic-ui.com/collections/grid.html#grid-row-spacing网格被包裹在 .main.container 内，它有一个宽度设置。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
