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>

这种情况确实发生在每个FireFox版本从4开始（可能更早）到56.这种行为似乎完全特定于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 ) )的左边距。

当包装器的overflow-x为auto时，FF左表边框消失

1 个答案: