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设置宽度

回答

相关问题