把两个table拼接起来，然后打印错位

Question

是什么原因使两个表格挨在一起，进行打印的时候显示错位？
这是什么原因引起的？

//css
td {
        box-sizing: border-box;
    }

//body
<div>
    <table border="1" style="table-layout: fixed;width: 7.5cm; height: 0.5cm; border-collapse: collapse">
        <tr>
            <td style="width: 2.5cm"></td>
            <td style="width: 1.5cm"></td>
            <td style="width: 2.5cm"></td>
            <td style="width: 1cm"></td>
        </tr>
    </table>
</div>
<div>
    <table border="1" style="table-layout: fixed;width: 7.5cm; height: 0.5cm; border-collapse: collapse">
        <tr>
            <td style="width: 2.5cm"></td>
            <td style="width: 2.5cm"></td>
            <td style="width: 2.5cm"></td>
        </tr>
    </table>
</div>
<br/>
<div>
    <table border="1" style="table-layout: fixed;width: 15cm; height: 0.5cm; border-collapse: collapse">
        <tr>
            <td style="width: 5cm"></td>
            <td style="width: 3cm"></td>
            <td style="width: 5cm"></td>
            <td style="width: 2cm"></td>
        </tr>
    </table>
</div>
<div>
    <table border="1" style="table-layout: fixed;width: 15cm; height: 0.5cm; border-collapse: collapse">
        <tr>
            <td style="width: 5cm"></td>
            <td style="width: 5cm"></td>
            <td style="width: 5cm"></td>
        </tr>
    </table>
</div>

Answer 1

表格单元格的边框也会占用像素，建议使用单元格的colspan属性

<table border="1" style="table-layout: fixed;width: 7.5cm; height: 0.5cm; border-collapse: collapse">
        <tr>
            <td style="width: 2.5cm"></td>
            <td style="width: 1.5cm"></td>
            <td style="width: 2.5cm" colspan="2"></td>
            <td style="width: 1cm"></td>
        </tr>
        <tr>
            <td style="width: 2.5cm"></td>
            <td style="width: 3cm" colspan="2"></td>
            <td style="width: 2cm" colspan="2"></td>
        </tr>
    </table>