css - 为什么 Chrome 不理解表格单元格的“宽度：50%”？

Question

我有一个带有三个标题单元格的可折叠表格，但是当它打开时，下面一行中有四个内容单元格。第一个标题单元跨越两个内容单元。当表格关闭时，我希望第一个标题单元格的宽度也为 50%。使用下面显示的代码，这在 FF 中有效。但是在 Chrome 中，当表格关闭时，三个标题单元格具有相同的宽度。

该表可在此处找到。该单元格是标记为“6、11”的单元格。

<table class="collapsible collapsed" style="width: 100%;">
    <tbody>
        <tr>
            <th colspan="2" style="width: 50%;">A & B</th>
            <th style="width: 25%;">C</th>
            <th style="width: 25%;">D</th>
        </tr>
        <tr>
            <td>A</td>
            <td>B</td>
            <td>C</td>
            <td>D</td>
        </tr>

我的代码或 Chrome 有问题？是否存在正确的内容和两个浏览器都理解的内容的交集？

标签： cssgoogle-chromehtml-table

Answer 1

table-layout:fixed给出封闭表的比例.
这是变化。