兩個子DIVfloat并排后，如何使這兩個DIV的高度相同
來源：懂視網(wǎng)
責編：小采
時間：2020-11-27 16:41:28
兩個子DIVfloat并排后，如何使這兩個DIV的高度相同
兩個子DIVfloat并排后，如何使這兩個DIV的高度相同:兩個個子DIV的內(nèi)容高度不同，當對他們設置float:left的時候，就會出現(xiàn)版面效果的問題(DIV高度不一致)。那么，如何讓這兩子DIV的高度一致呢（即：如何讓內(nèi)容DIV的高度能自動適合容器DIV的高度）。我們可以利用css的margin-bottom:-9999px和pa
導讀兩個子DIVfloat并排后，如何使這兩個DIV的高度相同:兩個個子DIV的內(nèi)容高度不同，當對他們設置float:left的時候，就會出現(xiàn)版面效果的問題(DIV高度不一致)。那么，如何讓這兩子DIV的高度一致呢（即：如何讓內(nèi)容DIV的高度能自動適合容器DIV的高度）。我們可以利用css的margin-bottom:-9999px和pa
兩個個子DIV的內(nèi)容高度不同，當對他們設置float:left的時候，就會出現(xiàn)版面效果的問題(DIV高度不一致)。那么，如何讓這兩子DIV的高度一致呢（即：如何讓內(nèi)容DIV的高度能自動適合容器DIV的高度）。我們可以利用css的margin-bottom:-9999px和padding-bottom:9999px來解決這個問題。
將父容器的overflow設置為hidden，再將內(nèi)容少的div設置margin-bottom:-9999px和padding-bottom:9999px；
代碼如下：
兩個子DIV float并排后，如何使這兩個DIV的高度相同
? ?
? ? 內(nèi)容少
? ?
? ?
? ? 內(nèi)容多
? ? 內(nèi)容多
? ? 內(nèi)容多
? ? 內(nèi)容多
? ? 內(nèi)容多
? ? 內(nèi)容多
? ? 內(nèi)容多
? ? 內(nèi)容多
? ? 內(nèi)容多
? ?
? ?
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
兩個子DIVfloat并排后，如何使這兩個DIV的高度相同
兩個子DIVfloat并排后，如何使這兩個DIV的高度相同:兩個個子DIV的內(nèi)容高度不同，當對他們設置float:left的時候，就會出現(xiàn)版面效果的問題(DIV高度不一致)。那么，如何讓這兩子DIV的高度一致呢（即：如何讓內(nèi)容DIV的高度能自動適合容器DIV的高度）。我們可以利用css的margin-bottom:-9999px和pa
