gpt4 book ai didi

css - 如何使用CSS修复html表格中的标题

转载 作者:太空宇宙 更新时间:2023-11-03 23:53:26 25 4
gpt4 key购买 nike

我正在创建一个 HTML 文件,我正在其中创建一个表格。我希望表格的标题应该是固定的,滚动应该适用于表格的其余部分而不是标题。 我为此使用以下代码。给我建议最好的选择。

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.underDiv{
overflow:hidden;
width:50px;
height:150px;
background-color:#FF00FF;
position:relative;
z-index:1;
}

.overflowDiv{
z-index:4;
position:absolute;
left:25px;
top:25px;
height:50px;
width:50px;
background-color:#00FF00;
}
</style>

</head>

<body>
<table>
<div>
<div class="underDiv">
<th>Roll no</th>
<th> Name</th>
</div>
<div class="overflowDiv">
<tr>
<td>4085</td>
<td>john</td>
</tr>
</div>
</table>
</body>
</html>

最佳答案

有方便的 jQuery 解决方案,查看 Waypoints > Sticky:

http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/

关于css - 如何使用CSS修复html表格中的标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19331581/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com