sass - Susy 数学は常に要素を大きくしすぎます

Question

Susy を使用しようとしていますが、望ましいグリッドを作成できません。ガターが要素の前ではなく後に来る固定ガターグリッドが必要です。私はそれを機能させることができませんでした。何をしても要素が大きすぎて、最後の列が次の行に落ちているようです。

この要点を参照してください： http://sassmeister.com/gist/6ebf5ec14f697f8d137c

この基本的な 3 列のレイアウトでは、各 1/3 幅の列の幅が 35% を超えています。私は何が欠けていますか？

Answer 1

width: 28.57143%;私はあなたのsassmeisterの出力にしか見えません。問題は、実際にはborderすべての要素が原因です。これにより、レイアウトにいくつかの余分なピクセルが追加され、レイアウトが壊れてしまいます。境界線を削除するか、境界線box-sizing: border-boxが要素の幅に追加されないように追加できます。Susy には、border-box-sizing必要に応じてそれをグローバルに適用する mixin があります。