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