0

我正在使用 Susy 框架为我的网站创建一个网格,我非常喜欢它。我无法弄清楚为什么在跨度列中使用 omega 时会添加 #margin-left: -1em。我似乎找不到任何关于它的信息,当我验证 css 时它会抛出这个错误: .second Parse Error #margin-left: -1em;

我的代码如下所示

//this is the default number of columns
$total-columns: 12; 
//width of each column
$column-width   : 4em; 
//space between columns
$gutter-width   : 1em; 
//space on the right and left of the grid
$grid-padding   : $gutter-width;

.first{
    @include span-columns(6,12);
}
.second{
    @include span-columns(6 omega,12);
}

并生成这个

.first {
   width: 49.15254%;
   float: left;
   margin-right: 1.69492%;
   display: inline;
}

.second {
   width: 49.15254%;
   float: right;
   margin-right: 0;
   #margin-left: -1em;
   display: inline;
 }
4

1 回答 1

3

你的代码用 Compass 编译得很好。有问题的行有一个星号,而不是一个井号:

*margin-left: -1em;

以星号开头的 CSS 行是仅适用于 IE <= 7 的 hack。

要禁用 IE 6-7 支持,$legacy-support-for-ie请在导入 Susy 之前设置为 false:

$legacy-support-for-ie: false;
@import "susy";
于 2013-04-09T04:32:53.837 回答