Susy数学总是使元素太大

Question

我正在尝试使用Susy，但我无法创建理想的网格。我想要一个固定的排水沟网格，排水沟跟在元素之后，而不是之前。我无法让它工作。似乎无论我做什么，元素都太大，最后一列落到下一行。

看到这个要点： http://sassmeister.com/gist/6ebf5ec14f697f8d137c

在这个基本的三列布局中，每个1/3宽度列的宽度超过35％。我错过了什么？

Answer 1

我只在你的sassmeister输出中看到width: 28.57143%;。问题实际上是由border所有元素引起的。这会给布局增加几个额外的像素，迫使它破裂。您可以删除边框，也可以添加box-sizing: border-box，以便边框不再添加到元素宽度。如果你愿意的话，Susy有一个border-box-sizing mixin可以全局应用。