如何在 Firefox 中识别表格右侧的填充？

Question

在这个小例子中，你能告诉我如何在 Firefox 中识别表格右侧的填充吗？填充出现在 Chrome 但不是 Firefox.

谢谢。

table td {
  border: 1px solid black;
  white-space: nowrap;
}

div {
 overflow-x: scroll;
 width: 175px;
 border: 1px solid blue;
 padding: 20px;
}

<div>

<table>
  <tbody>
    <tr>
      <td>Column 1</td>
      <td>Column 2 why no padding on right in Firefox?</td>
    </tr>
  </tbody>
</table>

</div>

因为已经在容纳桌子的容器上使用了 flexbox，所以做了以下在 Firefox 和 Chrome 中都有效的操作。

table td {
  border: 1px solid black;
  white-space: nowrap;
}

div.flexrow {
 display: flex;
 flexflow: row nowrap;
 overflow-x: scroll;
 width: 175px;
 border: 1px solid blue;
 padding: 20px 0;
}

div.spacer {
  flex: 0 0 20px;
}

<div class="flexrow">
  <div class="spacer"></div>
  <div class="content">
    <table>
      <tbody>
        <tr>
          <td>Column 1</td>
          <td>Column 2 why no padding on right in Firefox?</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="spacer"></div>
</div>