请看一下使用Semantic-UI构建的Hello World-esque application.
我经常使用Semantic-UI,我比Bootstrap更喜欢它,但我注意到这个边缘的一致问题.视口具有某种多余的边距,注意网页的底部(空白区域)和网页的右侧(更多空白区域).
我一直在尝试将html / body的宽度/高度设置为100%,但无济于事.
这是一个语义UI问题,还是其他一般问题?有任何建议来纠正这个CSS?
最佳答案
这是因为ui网格属性由于负边缘而将内容拉到其区域之外.尝试将其设置为0.
原文链接:https://www.f2er.com/html/425784.html.ui.grid {
margin: -1rem; // Change to 0
}
最佳做法是将ui网格包装在容器内.我不确定为什么.container CSS代码在您的网站中丢失,但他们在Docs中有它.
Semantic UI Docs网格包含在.main.container中,其宽度设置为.