CSS 标题位置固定删除间距答案

【问题标题】：CSS Header Position Fixed Removes SpacingCSS 标题位置固定删除间距
【发布时间】：2016-01-20 14:28:12
【问题描述】：

首先我会说，我不擅长 CSS，所以这可能很简单。我有一个带有标题的表格，我希望在滚动时对其进行修复。当我将 position:fixed 添加到 CSS 时，它在滚动时是固定的，但会丢失它的间距格式。

在“位置：固定”之前：

这是在“位置：固定”之后：

.consumer-service-table-header-style {
    background-color: #d3d3d3;
    width: 100%;
    position: fixed;
}

<thead class="consumer-service-table-header-style">
   <tr>
      <td align="left">            
           <label style="font-weight: bold;">Pull Date</label>
      </td>
      <td align="left">
           <label style="font-weight: bold;">Rate</label>
      </td>
      <td align="left">
           <label style="font-weight: bold;">Service SubCat</label>
      </td>

      <td align="left">
         <label style="font-weight: bold;">ClientServiceIdMin</label>
      </td>
      <td align="left">
         <label style="font-weight: bold;">ClientServiceIdMax</label>
      </td>
      <td align="left">
         <label style="font-weight: bold;">Provider Name</label></td>
      <td align="left">
         <label style="font-weight: bold;">RatePullId</label>
      </td>
      <td align="left">
         <label style="font-weight: bold;">DDS #</label>
      </td>
   </tr>
 </thead>

【问题讨论】：

更改位置：固定；到位置：固定*重要；
我做到了，同样的结果：-/
您的表格是否设置为 100% 宽度？没有它就行不通。
我想我知道发生了什么。我在服务器端创建行并将它们传递给客户端。我认为标头不会根据传递回的单元格的长度动态调整大小...

标签： c# html css asp.net

【解决方案1】：

将display: table; 添加到您的班级应该保持良好的间隔！

【讨论】：

更好，但仍然关闭。快到了！
您也可以尝试将display: table-cell 添加到您的tds
如果我这样做，并且不向标题 css 添加 'width' 属性，它会全部压缩，如果我在标题 css 中添加“宽度：100%”，标题超出我的 div。

【解决方案2】：

据我了解，您的桌子周围有一个指定宽度的div。当您将position: fixed; 更改为position fixed *important; 并将display:table; 添加到.consumer-service-table-header-style 类时，您应该会得到所需的结果。

【讨论】：