Susy 2 のような単純な 3 列 / 3 行のグリッドを作成したい:
1 2 3
4 5 6
7 8 9
しかし、ブロックはバグのある異端の順序で浮かんでいます。ご覧いただけます: http://img.spheerys.fr/images/2015/01/05/bug-susy.jpg
ここに私のHTMLマークアップ:
<article class="block">1</article>
<article class="block">2</article>
<article class="block">3</article>
<article class="block">4</article>
<article class="block">5</article>
<article class="block">6</article>
<article class="block">7</article>
<article class="block">8</article>
<article class="block">9</article>
ここに私のSusyマップ:
$susy: (
global-box-sizing: border-box,
use-custom: (
rem: true
),
columns: 12,
column-width: 4em,
gutters: 1/4
);
そして最後に、私の Sass :
.block
+span(4 of 12)
&:nth-child(3n)
+last
+break
何が問題なのですか?