可以添加表格特性。

青羊網站建設公司創新互聯,青羊網站設計制作，有大型網站制作公司豐富經驗。已為青羊成百上千提供企業網站建設服務。企業網站搭建\外貿網站制作要多少錢，請找那個售后服務好的青羊做網站的公司定做！

（推薦教程：CSS教程）

父級元素添加屬性 display: table;

子一級元素添加屬性 display: table-cell;

代碼：

<div class="div-row">
        <style type="text/css">
            .div-row {
                width: 400px;
                border: 1px solid #23527C;
                display: table;
            }
            .div-col {
                display: table-cell;
            }
        </style>
 
            <div class="div-col" style="background-color: #28A4C9;">
                <p><span>內容1</span></p>
            </div>
            <div class="div-col"  style="background-color: #31B0D5;">
                <p><span>內容1</span></p>
                <p><span>內容2</span></p>
            </div>
            <div class="div-col"  style="background-color: #269ABC;">
                <p><span>內容1</span></p>
                <p><span>內容2</span></p>
                <p><span>內容3</span></p>
            </div>
            <div  class="div-col" style="background-color: #5BC0DE;">
                <p><span>內容1</span></p>
                <p><span>內容2</span></p>
                <p><span>內容3</span></p>
                <p><span>內容4</span></p>
                <p><span>...</span></p>
            </div>
        </div>

結果：

當前名稱：css怎樣實現DIV高度自適應
文章路徑：http://www.yijiale78.com/article28/cpdjcp.html

成都網站建設公司_創新互聯，為您提供面包屑導航、網站設計、品牌網站制作、自適應網站、網站導航、網站設計公司

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯