Css td内部的div，但td意外扩展 ... .....

我可以从firebug中看到td比“test”div宽约40px（包括宽度+边框+边距），但是没有css样式可以做到这一点（没有设置宽度和填充）

为什么这里的“td”没有div那么宽

---

我现在正在硬编码td，使其与“test”div一样宽，但感觉不舒服。

如果没有剩下的代码，我将在这里冒险，但是

将根据表格宽度/表格中的列数自动调整大小。如果您的表没有指定显式宽度，那么它将扩展到其容器或父元素的100%宽度。通过在表格上设置显式宽度或根据需要设置表格单元格，可以轻松避免这种情况

在以下场景中，每列将自动调整为tablewidth/列数，或者在本例中为400/4=100。因此，每列的宽度将为100px

<td>
<div id="test">...</div>
</td>
<td>
.....
</td>

根据浏览器的不同，此场景中有两种可能的结果。1.该表将扩展为其父表宽度的100%，此处为600px。这意味着每个列将自动调整为150px宽。2.表和列可以扩展到其列组中最宽的子元素的宽度

<table style="width:400px">
<td></td>
<td></td>
<td></td>
<td></td>
</table>

---

可以找到WC3规范，它提供了一些关于浏览器应该如何实现HTML4.01规范的关于表的详细信息。

如果没有剩下的代码，我将在这里冒险，但是

将根据表宽/表中的列数自动调整大小。如果您的表没有指定显式宽度，那么它将扩展到其容器或父元素的100%宽度。通过在表格上设置显式宽度或根据需要设置表格单元格，可以轻松避免这种情况

在以下场景中，每列将自动调整为tablewidth/列数，或者在本例中为400/4=100。因此，每列的宽度将为100px

<td>
<div id="test">...</div>
</td>
<td>
.....
</td>

根据浏览器的不同，此场景中有两种可能的结果。1.该表将扩展为其父表宽度的100%，此处为600px。这意味着每个列将自动调整为150px宽。2.表和列可以扩展到其列组中最宽的子元素的宽度

<table style="width:400px">
<td></td>
<td></td>
<td></td>
<td></td>
</table>

---

可以找到WC3规范，它提供了一些关于浏览器应该如何实现HTML 4.01规范的关于表格的详细信息。

在不指定td宽度的情况下，自动调整大小是如何完成的？我不知何故触发了一个我不期望的自动调整大小！我的意思是td（s）根据其内容被分配不同的宽度。但这是如何做到的？浏览器根据WC3建议管理表列的自动调整大小-可以在中找到规范，而不指定td宽度，自动调整大小是如何完成的？我不知怎的触发了一个我不期望的自动调整大小！我的意思是td（s）根据其内容分配不同的宽度。但这是如何做到的？浏览器根据WC3建议管理表列的自动调整大小-规范可在