这个简单的技巧用来解决使固定表头(thead)和滚动表体 (tbody) 的问题。这使得数据表更易于浏览。当用户滚动表格时，固定表头为用户所注意的列提供了上下文。看下面图示你就明白了：
为了达到以上效果，
第一步是：设置 tbody 为 display:block ，以便我们可以应用 height 和 overflow 属性。
下一步将是：设置thead 中的 tr元素设置为 display:block。
.fixed_header { width: 400px; border-collapse: collapse; }
.fixed_header tbody { display: block; width: 100%; overflow: auto; height: 100px; }
.fixed_header thead tr { display: block; }
.fixed_header thead { background: black; color: #fff; }
.fixed_header th, .fixed_header td { padding: 5px; text-align: left; width: 200px; }