使用奇点网格系统:
我有一个嵌套网格。没什么特别的,只有2列。代码是这样的:
main-content { @include grid-span(8,1); }
sidebar { @include grid-span(4,9); }
它渲染得很好,但我不断获得不受欢迎的利润。主要内容左边有一个小边距,侧边栏边距小。我希望这些边缘的边距为零,类似于将主要内容声明为“alpha”,将侧边栏声明为“omega”。
这是CSS(完整桌面宽度):
main-content { width: 65%;float: left;margin-right: -100%;margin-left: 0.83333%;clear: none;}
sidebar-first {width: 31.66667%;float: right;margin-left: 0;margin-right: 0.83333%;clear:none;}
我不认为这是默认的奇点行为,在网格的外边缘添加那些小边距。或者是吗?我可以以某种方式绕过它吗? (除了手动添加margin-left:0和margin-right:0)。当然,如果外边缘有边距,每个DIV的总宽度也应该增加(例如 - 对于主要内容,而不是65%,它是65.83333)