Calc() погрешность расчёта?

Question

[@ayran]

Родительский контейнер 1340px, имеет вложенность из 3 div, которые посредством calc() и flex-box стоят в ряд на одной строке и делят поровну эти самые 1340px. И всё бы хорошо, но один из трёх вложенных div, по ширине на один px меньше остальных двух. Почему? Как это можно осилить и победить?

Comments

[@ayran]

"Потому что 1340 невозможно поровну поделить на 3" — да, но оказалось, всё же возможно. Если имеющийся max-width делится и на чёт и на нечет, в margin или padding и пр., смотря, что использовалось, используем числа с плавающей точкой. Если же max-width делится лишь на чёт, тогда используем целые числа и всё начинает чудненько работать.

Answer 1

[Алексей Уколов]

Почему?

Потому что 1340 невозможно поровну поделить на 3.

Как это можно осилить и победить?

Если принципиально именно чтобы все они были одинаковы, уменьшите родительский контейнер на два пикселя или укажите ширину явно, без использования calc и центрируйте дивы.