怎样把超出div部分的HTML(包含文字内容)转移到下一个div显示？很头疼的问题。。。(求帮助，万分感谢)

Question

一个div中包含一个table,table中有固定内容同时也有服务端传递过来的内容，遍历显示出来。如果遍历的内容过多就超过的div的高度，这是怎么把超出部分的html内容拿到下一个div中的table显示，div固定高度1570px

<div class="table_bg_img wrapper" id="xiong">
    <img src="/Admin/images//bg_dk.png" alt="">
    <div  class="table_dk_one">
        <table id="tab">
            <tbody>
            <tr>
                <td>
                    <h1>背景提***********升建议</h1>
                </td>
            </tr>
            <tr>
                <td>
                    <h2>三、实习背景建议</h2>
                    <p>实践质的***********重要参数。</p>
                    <p>活动的专一遵循三个*********原则（Three Laws）。</p>
                    <h2>学术研***********动建议:</h2>
                    <foreach name="intern_list" item="vv">
                        <p>内容：{$vv.content}</p>
                        <p>时间：{$vv.beg_time|date='Y-m-d',###}-{$vv.end_time|date='Y-m-d',###}</p>
                        <p>周期：{$vv.cycle}</p>
                        <p>地址：{$vv.address}</p>
                        <p>售价：￥{$vv.price}</p>
                        <p>费用包含：{$vv.contain_price}</p>
                        <p>活动说明：{$vv.explain}</p>
                    </foreach>
                </td>
            </tr>
            </tbody>

        </table>
    </div>

</div>
<div class="table_bg_img wrapper">
    <img src="/Admin/images//bg_dk.png" alt="">
    <div  class="table_dk_one">
        <table>
            <tbody>
            <tr>
                <td>
                    <p>周期：</p>
                    <p>地址：广州</p>
                    <p>售价：￥7777</p>
                    <p>费用包含：阿斯顿发送到</p>
                    <p>活动说明：</p>
                </td>
            </tr>
            </tbody>

        </table>
    </div>

</div>

Answer 1

先计算1570px能显示多少行N,遍历的时候累加高度,当前内容的行数(contentnum) >= N时

//在循环外部添加固定的div和table头,在循环后添加div和table结尾
<div>
    <table>
    foreach($data as $v)
    {
        if(contentnum >= N)
        {
            echo "上一部分div和table的结尾+新的div和table的头";
            contentnum  = 0;//内容行数重置为0
        }
        echo "Your Contents!";
    }
    
    </table>
</div>

Answer 2

这个只有通过计算高度然后将dom移动下来