html css tr設置寬度

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％的寬度？

來源

2015-05-16 Harshit Shrivastava

選中此鏈接（http://stackoverflow.com/q/16984323/1577396） –

提供的代碼不正確。沒有指定ID的表格。 –

已嘗試刪除'position：absolute'？ – Bob

您希望<th>跨越多個列的寬度，但您無法使用CSS執行此操作，因此您需要在HTML中執行此操作（請參閱HTML colspan in CSS）。

如果您將colspan屬性添加到<th>它應該按照您的要求進行操作（請參閱Colspan all columns）。如果您知道表格中的列數，請使用對於5列使用<th colspan="5">，但你也可以使用更大的數字，它應該是可以的，例如， <th colspan="100">。

其他一些說明：正如其他人所說，你不應該在<tr>上使用position。此外，不包括#中的元素id，即它應該是

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

來源

2015-05-16 08:52:03 CupawnTae

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

來源

2015-05-16 09:00:38 connexo

html css tr設置寬度

回答

相關問題