Css 为什么Chrome不理解；宽度：50%“；为了一个桌子单元格？

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

这张桌子可以找到。该单元格是标记为“6，11”的单元格

A&B酒店
C
D
A.
B
C
D

---

我的代码或Chrome有什么问题吗？什么是正确的，什么是两种浏览器都能理解的，这两者之间是否存在交叉点？

表格布局：fixed

为关闭的表格提供了打开表格的比例。

---

是更改。

表格布局：固定为关闭的表格提供打开表格的比例。

---

这就是变化。

您尝试过“桌子布局：固定在桌子上”了吗？成功了，谢谢。而且，我不再需要指定宽度。不过，是否可以在Chrome中指定单元格宽度？在大多数情况下，您可以在Chrome中指定单元格宽度。为colspan单元分配宽度很复杂，而且引擎在那里都会做一些奇怪的事情。也就是说，我同意这应该被视为一个Chrome bug。分配colspan宽度的算法目前正在重新设计，但可能要到Chrome90之后才会发布。我不知道这个案子的行为是否会改变。你试过“桌子布局：固定在桌子上”吗？成功了，谢谢。而且，我不再需要指定宽度。不过，是否可以在Chrome中指定单元格宽度？在大多数情况下，您可以在Chrome中指定单元格宽度。为colspan单元分配宽度很复杂，而且引擎在那里都会做一些奇怪的事情。也就是说，我同意这应该被视为一个Chrome bug。分配colspan宽度的算法目前正在重新设计，但可能要到Chrome90之后才会发布。我不知道这个案子的行为是否会改变。

<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>