CSS adaptive highly localized rolling

Copyright: Should reprint, please contact the author. https://blog.csdn.net/ZYD45/article/details/89318765

To achieve a partial scrolling effect: a table header Fixed, adaptive filling height of the scroll, as in FIG.

Implementation:

Use div nested tables.

A div nested header, a div Table package, and set the scroll this div

The main structure:

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