#scrollTable {
width:701px;
}
#scrollTable * {
box-sizing:border-box;
}
#scrollTable table {
border-collapse:collapse;
/*统一设置两个table为细线表格*/
}
/*表头 div的第一个子元素**/
#scrollTable table.thead {
width:100%;
}
/*表头*/
#scrollTable table.thead th {
border:1px solid #EB8;
}
/*能带滚动条的表身的格子*/
#scrollTable table.tbody td {
border:1px solid #C96;
}
/*能带滚动条的表身*/
/*div的第二个子元素*/
#scrollTable div {
width:100%;
height:100px;
overflow:auto;
/*必需*/
}
/*能带滚动条的表身的正体*/
#scrollTable table.tbody {
width:100%;
border:1px solid #C96;
color:#666666;
}
该表格仅为纯css固定表头,很实用不易错