Html 如何将div渲染为100%的父对象而不是子对象

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

我希望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>

A.

我的印象是宽度=100%应该是父母的尺寸，而不是孩子的尺寸

---

有什么想法吗？

一个空的表格单元格没有宽度，跨度就是强制单元格宽度的跨度。这就是为什么div宽度等于单元格宽度。

一个空表单元格没有宽度，跨度就是强制单元格宽度的跨度。这就是为什么div宽度等于单元格宽度。

我在一个包含div的区域而不是一个表中尝试了它，结果很好

---

我假设内部跨度宽度导致td宽度为2000px，我在一个包含div而不是一个表中尝试了它，结果很好

---

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

我突然想到，跨距可能会影响表格单元格的大小-这有意义吗？如果我们可以看到其余的标记，这会有所帮助。CSS width对设置其宽度的父元素也有一些要求。是的，我认为跨度是影响单元格宽度的因素。跨度元素甚至不是块级别的，因此无论您使用什么浏览器对其应用宽度，都必须有技术缺陷！！我突然想到，跨度可能会影响表单元格的大小——这有意义吗？如果我们能看到其余的标记，这会有所帮助。CSS width对设置其宽度的父元素也有一些要求。是的，我认为跨度是影响单元格宽度的因素。跨度元素甚至不是块级别的，因此无论您使用什么浏览器对其应用宽度，都必须有技术缺陷！！