html css tr設置寬度

Question

我有HTML表格及其CSS。

CSS：

#outerDIV {
  position: relative;
  padding-top: 20px;
}
#innerDIV {
  overflow-y: auto;
  height: 500px;
}
table#mytable tbody tr:first-child 
{
    width:100%;
    position :absolute;
}

HTML：

<div class="outerDIV">
  <div class="innerDIV">
    <table id="#mytable"></table>
  </div>
</div>

我需要表格的固定標頭標記，上面的代碼也是如此，但是th標記的寬度被壓縮到左側，並且與主體tr's寬度不匹配。 如何使tr達到100％的寬度？

Answer 1

您希望<th>跨越多列的寬度，但是您不能使用CSS做到這一點，因此您需要在HTML中做到這一點（請參閱CSS中的HTML colspan ）。

如果將colspan屬性添加到<th>則它應該執行您想要的操作（請參閱Colspan所有列 ）。 如果您知道表中的列數，請使用它，例如對於5列，請使用<th colspan="5"> ，但是您也可以使用更大的數字，並且應該可以，例如<th colspan="100"> 。

其他一些注意事項：正如其他人提到的，您不應在<tr>上使用position 。 另外，不要在元素id包含# ，即應該

<table id="mytable"></table>

Answer 2

切勿嘗試在<tr> ， <td>和<th>上使用絕對或相對重新定位。 它不應該在表中工作，並且在大多數情況下，結果將遠遠超出您的預期。