第一次使用 susy compass 插件时,我创建了一个 12 列的流体网格,并在其中添加了两列,如下面的截图所示。然而,我的问题是 % 似乎不正确,我的父容器是 100%,我的主要 col 9,12 cols 和辅助 col 3,12。我想这些应该导致 main col = 75% 和 sec col = 25% 但我的结果是 main col = 74.57627% 和 sec col = 23.72881% ?
CSS/SCSS:
$total-columns: 12;
$column-width: 4em;
$gutter-width: 1em;
$grid-padding: 0;
$show-grid-backgrounds : true;
$container-style: fluid;
.l-main-news{
width: columns(9,12);
float: left;
> div{
width: columns(4.5,9);
float: left;
}
}
.l-side-news{
width: columns(3,12);
float:right;
}