方式显示：表格不像普通表格那样？

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中，以便边框在框内呈现为与外部相对应。

<强> FIDDLE

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>