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>