td标签内的表延伸td标签

Question

我有一个表格，每列有四列，每列都有指定的百分比宽度。例如。 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标签，其中排序列问题的延伸，但溢出包含表

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

div标签表有没有什么办法让里面的表指定widht的td标签宽度会自动继承宽度并且不能控制它？我也尝试指定列内的表的宽度，也没有工作

Answer 1

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

有关它的更多信息，请参阅IE box model bug

Answer 2

是不是因为你有未关闭的标签？

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

应该

<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> 
    <td colspan="5">&nbsp;</td> 
</tr> 

</tbody> 
</table> 
</td>