CSS 自适应高度 局部滚动

要实现一个局部滚动的效果：一个表格，表头固定，表体根据自适应填充的高度滚动，如下图

实现方法：

利用div嵌套表格。

一个div嵌套表头，一个div包裹table,并且此div设置滚动

主要结构：

<div >表头结构</div>
<div style="height:100%;overflow:auto">
    <table style="width: -webkit-fill-available;table-layout: fixed;">表体结构</table> //用table-layout来实现 超长文字自动折行问题
</div>