CSS DIV layout problem, please help! ! _html/css_WEB-ITnose

When 5 DIV controls have no borders, they can be arranged in a row according to percentage. There is not enough space in the border, so the last arrangement was unsuccessful.

Reply to discussion (solution)

The border also accounts for the width. If each border is 1px, there is an extra 10px. Just change the proportion to be smaller.

If you must keep the percentage of each div from changing and preserve the border,
you can apply the following style to these divs:
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;