Three blocks in a row and a pixel appearing on the right - how to win?

Question

css

Greetings
Meet an illustrative example .
Essence: three blocks in one block (width: 33%, 34%, 33%). When you change the width of the browser window, an empty space appears on the right.
Question: how to fix it in the current layout without resorting to flex?
In FireFox everything is fine, but in Chrome it is not normal, although this may be normal browser behavior, but I would like to fix it.
PS
I tried on flex, the same thing.

Answer 1

Are the blocks inline? if so, it can be a hyphen or space character. Here are options to deal with it.

Answer 2

If you had a code example that matched the question, it would be cool.
Why do you use order, I don’t know, if you stop using it, then the code can be optimized.
https://codepen.io/anon/pen/ZrxBgZ?editors=1100

Answer 3

as mentioned earlier, set 33.333333% (6 decimal places) block width
https://codepen.io/anon/pen/RQMVGW?editors=1100