0

susy compass プラグインを初めて使用するとき、流動的な 12 列のグリッドを作成し、以下のスニッパーに示すように 2 つの列を追加しました。ただし、私の問題は、% が間違っているように見えることです。親コンテナーは 100%、メイン コルは 9,12 コル、セカンダリ コルは 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;
}
4

0 に答える 0