仅当设置表格宽度时才在表格上水平滚动？

问题描述

我想制作一个包含可水平滚动的表格的 div。仅当宽度设置在 table 标签而不是 td-tags 上时才有效。这是为什么？

摆弄非工作滚动

<div style="width:300px;background-color:grey;padding:5px">
  <div style="width:100%;overflow:scroll;background-color:yellow;">
    <table style="background-color:red">
      <tr>
        <td style="width:400px">TESTING</td>
      </tr>
    </table>
  </div>

</div>

摆弄工作滚动（表格标签上的宽度）

<div style="width:300px;background-color:grey;padding:5px">
  <div style="width:100%;overflow:scroll;background-color:yellow;">
    <table style="background-color:red;width:400px">
      <tr>
        <td>TESTING</td>
      </tr>
    </table>
  </div>

</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html scrollable