css怎么实现头不动 内容动,Css实现表头部不动

将下面代码保存为html运行看看

body {

background-color: #F0F0F0 ;

font: 11px "verdana","Arial";

width:90%;

margin-left:auto;

margin-right:auto;

}

.tScroll {

border: 1px #7494BF solid;

background-color: #ffffff;

overflow: scroll;

overflow-x:hidden;

height:100px;

cursor: default;

}

tr.tableHead {

position:relative;

background-color:#BFCEE7;

height: 16px;

text-align: center;

}

td {

font: 11px "Verdana", "Arial";

}

td.asBtn{

border: #7494BF solid;

border-width: 0px 1px 1px 0px;

}

table {

border:0px;

width:100%;

}

heading1	heading2	heading3	heading4	heading5	heading6
cell1	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell	cell	cell	cell	cell	cell
cell n	cell	cell	cell	cell	cell

更多信息请查看IT技术专栏