css - 方式显示：表格不像普通表格？

Question

您可以在此示例中看到：http: //jsfiddle.net/noamway/AVwsP/

    <div style="width: 100%; display: table; border: 1px solid black;">
        Hello
    </div>
    <table style="width: 100%; border: 1px solid black; border-spacing: 0;">
        <tr>
            <td>Hello</td>
        </tr>
    </table>

它们是相同的，但边界却不同。

有什么解决办法吗？

谢谢

Answer 1

添加box-sizing:border-box到 div 以使边框在框内呈现为与外部并置。

小提琴

Answer 2

这个怎么样，

        <div style="border: 1px solid black;">
        Hello
    </div>
    <table cellspacing="0" cellpadding="0" width="100%" style="border: 1px solid black; border-spacing: 0;">
        <tr>
            <td>Hello</td>
        </tr>
    </table>