html - td 标签内的表延伸 td 标签

Question

我有一个包含 4 列的表格，每列都有指定的百分比宽度。例如。 td width="25%"和宽度为 100% 的表格。现在，当列内没有其他表格时，宽度可以完美地工作，只要我在具有特定宽度的 td 标记内添加下表，它就会自动增加百分比。

<td width="25%">
<table cellspacing="0" cellpadding="3" border="1">
<tbody>
<tr>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
</tr>
<tr>
<tr>
<tr>
</tbody>
</table>
</td>

然后我尝试将上面的表格添加到 div 标签中，这解决了列拉伸(stretch)问题但溢出了包含表格的 div 标签

<div style="max-width: 100px !important; ">
<table cellspacing="0" cellpadding="3" border="1">
<tbody>
<tr>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
<td style="text-align: center;">text</td>
</tr>
<tr>
<tr>
<tr>
</tbody>
</table>
</div>

有没有办法让td标签里面的表格width指定widht自动继承宽度而不去控制呢？我还尝试在列内指定表格的宽度，但也没有用

Answer 1

边框和填充会导致元素比它们看起来更大。 例如 width: 100%; 的表格border-width: 1px 在 width: 100px 的 div 中实际上会尝试将 102px 放入内部，因为边框的像素宽度。

有关这方面的更多信息，请参阅 IE box model bug