html - 为什么表格与其容器滚动条之间存在垂直间隙

Question

这是解决问题的 JSBin - https://jsbin.com/xekehemuno/edit?html,css,output

.container {
  max-height: 100px;
  overflow-x: auto;
  border: 5px green solid;
}

.container > table {
  background: #ccc
}

在 Firefox 中打开它时，我看到表格和父容器的滚动条之间存在垂直间隙。为什么会有这个差距？

标签： htmlcss