在表格<td>中使用div overflow-x: auto;无效的解决方法

<table style="width: 100%; table-layout: fixed;">
  <tr>
    <td style="overflow: auto; height: 100px;">
      <!-- 内容超出高度时将出现滚动条 -->
      <p>这里是一些文本内容...</p>
      <!-- 更多的内容 -->
    </td>
  </tr>
</table>
使用display: table;和table-layout: fixed;