如何将div渲染为父亲而不是孩子的100％

Question

我正在尝试在表格单元格中创建一个可滚动的面板。

我想要的是div与表格单元格一样宽，然后为内容呈现滚动条。

当我尝试以下操作时，div将其宽度设置为包含的span标记的100％而不是单元格

<table cellpadding="3" width="90%" align="center" border="0">
  <tr>
    <td>
       <div style="border: solid 1px red; height: 10px; width: 100%; overflow: auto;">
          <span style="width: 2000px;">a</span>
       </div>
    </td>
  </tr>
</table>

令人印象深刻的是，宽度= 100％应该是父母的大小还不是孩子？

有什么想法吗？

Answer 1

空表格单元格没有宽度，跨度是强制单元格宽度的跨度。这就是div宽度等于单元格宽度的原因。

Answer 2

我在包含div而不是表中尝试了它，它运行正常。

我假设内跨宽度导致td宽度为2000px