table-layout:fixed;固定了列宽度，让所有的列平均分配总宽

也就会有长的内容会显示不全，那么可以用white-space:normal;来进行换行

1、表格给的是固定高度（模态框），当超过这个高度时滚动条就开始滚动；

2、表头宽度为（100%-滚动条宽度）时，表头和表体的总宽度才会相等，表体和表头的列宽一一对应（table-layout:fixed;  让所有列平均分配总宽）

3、此时表头若加了width，表体相应的那一列也应该给相同的宽度，（表体的宽不再随着表头的宽动）

3、当设置表头宽度为（100% - 1em）时，就会空出一块，这一小块可以用背景颜色填满~~~

优点：适用于表格高度随内容自适应，但超过某个最大高度时开始滚动，也同样适用于方法一中的固定高度；

缺点：比较麻烦

 1、表格的父元素给固定高度，表格给最大高度，没有超过这个最大高度时表格高度随内容撑开，超过这个高度时就开始滚动（相对父元素的百分比）

（注：也可以像方法一中给表格设置固定高度400，当表格内容高度超过四百时开始滚动）

思路：

（1）有两个table，第一个只有表头，第二个有表头和表体

（2）将表格和假表头分别用div装起来（false_table 和 out_scoll），在用最大外框div将这些内容装起来（div-out-height）；

（3）将真表的表头display:none，假表头向左浮动，并给相应间距，让它覆盖在真表头原来的位置上；

（4）假表头的宽度为（100% - 滚动条宽度），让表体和假表头的总宽相等

（5）表体的宽度要和假表头的宽度一一对应

图1：当每页显示10条时

图2：当每页显示30条时