怎樣把超出div部分的HTML(包含文字內(nèi)容)轉(zhuǎn)移到下一個(gè)div顯示？很頭疼的問題。。。(求幫助，萬分感謝)

一個(gè)div中包含一個(gè)table,table中有固定內(nèi)容同時(shí)也有服務(wù)端傳遞過來的內(nèi)容，遍歷顯示出來。如果遍歷的內(nèi)容過多就超過的div的高度，這是怎么把超出部分的html內(nèi)容拿到下一個(gè)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>三、實(shí)習(xí)背景建議</h2>
                    <p>實(shí)踐質(zhì)的***********重要參數(shù)。</p>
                    <p>活動的專一遵循三個(gè)*********原則（Three Laws）。</p>
                    <h2>學(xué)術(shù)研***********動建議:</h2>
                    <foreach name="intern_list" item="vv">
                        <p>內(nèi)容：{$vv.content}</p>
                        <p>時(shí)間：{$vv.beg_time|date='Y-m-d',###}-{$vv.end_time|date='Y-m-d',###}</p>
                        <p>周期：{$vv.cycle}</p>
                        <p>地址：{$vv.address}</p>
                        <p>售價(jià)：￥{$vv.price}</p>
                        <p>費(fèi)用包含：{$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>售價(jià)：￥7777</p>
                    <p>費(fèi)用包含：阿斯頓發(fā)送到</p>
                    <p>活動說明：</p>
                </td>
            </tr>
            </tbody>

        </table>
    </div>

</div>

回答

編輯回答

初心

先計(jì)算1570px能顯示多少行N,遍歷的時(shí)候累加高度,當(dāng)前內(nèi)容的行數(shù)(contentnum) >= N時(shí)

//在循環(huán)外部添加固定的div和table頭,在循環(huán)后添加div和table結(jié)尾
<div>
    <table>
    foreach($data as $v)
    {
        if(contentnum >= N)
        {
            echo "上一部分div和table的結(jié)尾+新的div和table的頭";
            contentnum  = 0;//內(nèi)容行數(shù)重置為0
        }
        echo "Your Contents!";
    }
    
    </table>
</div>

2017年3月6日 05:27

編輯回答