The width of table is 4PX larger than that of tbody

table Width ratio tbody The width is large 4px, For example table Set width 1000px, but tbody The width is 996px

solve ： Set up table Of border-spacing: 0; that will do , Default border-spacing: 2px;

table {
     border-spacing: 0;}

border-spacing Is the border spacing attribute of the table , Set up boder-spacing: 5px 10px; Is to set the left and right spacing of table cells to 5px, The upper and lower spacing is 10px

In addition, such as setting border by 1px Of td Width is 50px Then I found out that finally td Width is 52px, Settable solution td The problem of width exceeding

td {
     box-sizing: border-box;}