css - 当 wrapper 的 overflow-x 为 auto 时，FF 左表边框消失

Question

当使用带边框单元格的表格时，在 FireFox 中，当表格被放置在带有 overflow-x: auto 的包装器中时，左表格边框会消失。

<div style="overflow-x:auto">
  <table style="border-collapse:collapse">
    <tr>
      <td style="border: none;"></td>
    </tr>
    <tr>
      <td style="border: 1px solid black;">a</td>
    </tr>
  </table>
</div>

(也为 here)

A possible workaround I found:

<div style="overflow-x:auto; padding-left: 1px">
  <table style="border-collapse:collapse">
    <tr>
      <td style="border: none;"></td>
    </tr>
    <tr>
      <td style="border: 1px solid black;">a</td>
    </tr>
  </table>
</div>

从 4(可能更早)到 56 的每个 FireFox 版本都会发生这种情况。这种行为似乎完全是 FF 特有的，因为我无法在任何版本的 IE、Opera、Safari、Android 浏览器上重现它或 Chrome(甚至 IE9 也符合这里!)。我找不到 any bug report直接提到这种情况(唯一仍然存在的表格渲染错误[尽管6年后笑]是#688556，但它涉及背景绘制，显然不是这种情况)。

这是我应该报告的错误，还是我在这里遗漏了一些重要的 HTML5 规范，这是一种预期的行为？

Answer 1

因为我认为这不是预期的行为，所以我将其提交为 https://bugzilla.mozilla.org/show_bug.cgi?id=1416504 .同样，最简单的解决方法是提供宽度等于 int( 0.5 * ( left_border_width + 1 ) ) 的左填充。