html - 为什么边框 Prop 不起作用？

Question

JsFiddle DEMO

这是我的 html:

<span> Testing
    <table>
        <tbody>
            <tr>
                <td>One</td>
                <td>Two</td>
                <td>Three</td>
            </tr>
        </tbody>
    </table>
</span>

还有我的CSS:

span {
    border: 1px solid black;
}

整个跨度不应该有一个正常的边框吗？我在 Firefox 和 Chrome 中得到了一个困惑的结果(还没有在其他人中测试过)

我是否遗漏了什么或做错了什么？

Answer 1

<table>它不属于 <span> s，作为<table> s 是 block 级元素，<span> s 是内联元素，因此没有必要测试代码，因为结果是不可预测的。

使用 <div>而不是 <span> .