从浮动表头中删除边距和填充

Question

滚动浏览后我粘贴thead。我的问题是，当我将位置从static更改为absolute时，它会抵消。在更改中，它会将margin和padding添加到thead，如下所示：

我尝试使用CSS修复它：

<thead id='tableHeader' style="margin:0;border:0;padding:0;">
</thead>

我想删除边距和填充以保留表格标题的原始尺寸（1871 * 37）

Answer 1

将position:absolute添加到thead后，它会从文档流中删除table的上下文。由于它的上下文不再具有table，因此它会根据自己认为合适的方式调整大小。尝试添加

width: 1759px; /* Or whatever your table width is */ 

作为应用位置时的附加参数：absolute;

要修复动态大小的表的大小调整问题，可以像这样使用jQuery：

 $('#tableHeader').width($('table#tableID').width()), 

如果你不使用jQuery，那么

或纯JS：

 document.querySelector('#tableHeader').style.width = document.querySelector('table#tableID').style.width;