#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固定表头,很实用不易错