强制表元素在使用显示块时填充父宽度

Question

我有一张表，由于各种原因需要设置显示块。我对显示块的理解是显示块元素中的所有元素都将其宽度设置为父宽度。我的理解是有缺陷的，有人可以解释为什么标题元素没有填满表格的宽度吗？

  <div style="width:500px; background-color:grey">
    <table style="display:block; color:white;">
        <thead>
            <tr style="background-color:orange">
                <td>test</td>
                <td>test2</td>
            </tr>
        </thead>
            <tbody>
                <tr> 
                    <td>foo</td>
                    <td>bar</td
                 </tr>
                </tbody>
        </table>
     </div>

jsfiddle

Answer 1

这个问题没有答案。我最终只是重新编写了表并修改了插件。感谢那些尝试帮助的人们。