Susy math всегда делает элементы слишком большими

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, который будет применяться по всему миру, если хотите.