为什么边境道具不起作用？

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>s不属于<span>s,因为<table>s是块级元素而<span>s是内联元素,所以没有必要测试代码,因为结果将是不可预测的.

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