css - 位置问题：固定

Question

我有一个表结构的以下代码，我尝试冻结它的标题。我已经使用 position:fixed 修复了标题。在这样做的同时，表头会丢失它的列宽，并且在 thead 和 tbody 列宽之间存在不对齐.. 有人能告诉我们如何避免这种情况吗？

<div class="outer_div"  style=" width: 1316px;height: 324px;overflow: auto;"> 
<table  class="scrollTable" id="invoiceMeasurement_table"
style="width: 1316pxfloat: left;float: left;width: 1300px;table-layout: fixed;" >   
<thead 
<tr style="position: fixed;margin-top: -10%;width: 1316px;">
<th style="width:75px">Col1</th>
<th style="width:75px">Col2</th>
<th style="width:75px">Col3</th>
<th style="width:91px">Col4</th>
</tr>
</thead>
<tbody >
</tbody>/*tbody is getting generated dynamically */
</table>
</div>

Answer 1

您在 head 标签中使用此代码并删除样式浮动

<!--[if IE 8]>
   <style type="text/css">
     #fixedHeader{
        position:relative !important;
     }
   </style>
<![endif]-->