sass - 苏西数学总是使元素太大

Question

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

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

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

Answer 1

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