苏西数学总是使元素太大

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，可以根据需要在全球范围内应用它。