表格元素和溢出滚动条之间出现空格

Question

所以我一直在尝试制作一个table，其中包含主要标题/标题单元格在滚动时粘在顶部的信息，但在制作它的过程中，我创建了一个包含{{1整个表周围的元素允许设置div和height属性。但是当加载预览时，表格本身和滚动条之间存在间隙。所以我尝试做一些研究，发现我可以将表css部分中的所有属性保存到overflow中，但即使我这样做之后，之前显示的相同空间仍然很明显，除非它推了推内容到一边。我不想要任何关于粘性标题的帮助，因为我想自己这样做但是滚动条的任何帮助都会非常有帮助！

此外，与问题无关，我想知道是否有任何方法可以将滚动条更改为默认浏览器滚动条之外的其他内容。

Codepen：http://codepen.io/PorototypeX/pen/iKJAq

CSS

display:block

Answer 1

我建议将.table_edit作为inline-block元素;这将导致元素的尺寸由其包含元素确定（理想情况下，这是你想要的）。您还需要将text-align:center添加到父元素，在这种情况下，我将其添加到body元素。

UPDATED EXAMPLE

div.table_edit {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    display: inline-block;
}