本文介绍了一种使用CSS方法来设置HTML表格中tbody的滚动条，使得滚动条与thead始终保持对齐。通过设置tbody的display为block，height限制显示区域，并启用overflow-y滚动。同时，thead和tbody tr设为display:table，width:100%，确保布局正确。此外，thead宽度计算为100%减去1em，以适应滚动条。此方法适用于需要在表格内容过多时保持表头可见的情况。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>威易网CSS教程</title>
<style>
table tbody {
display:block;
height:195px;
overflow-y:scroll;
}
table thead, tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
