等高布局如果超過設(shè)定的高度
在這里，老師將padding-bottom和margin-bottom設(shè)置為了600px， 但是放內(nèi)容高度超出了600，就不會出現(xiàn)等高布局，除了將數(shù)值設(shè)置成更大的值來解決這一問題外，有其他的辦法嗎？
小感冒
2016-10-05
2 回答
舉報
0/150
提交
取消
2016-10-07
因為div1和div2在沒有內(nèi)容的情況下，都是被padding-bottom撐開的 600px，然后配合最外層div（黑色邊框，灰色背景區(qū)域）的屬性overflow:hidden，將多余的隱藏掉。
當(dāng)我給其中一個div1放置內(nèi)容的時候，div1的高度就發(fā)生了變化 （等于 padding-bottom + 放置內(nèi)容的高度）
與此同時，最外層div的高度也被撐開了，由于overflow:hidden，導(dǎo)致在視覺上div2和div1顯示的高度區(qū)域是一樣高，也就是等高效果。但是實際上不是等高的。
這也就導(dǎo)致當(dāng)其中一個div的填充的內(nèi)容高度大于另外一個div的填充的內(nèi)容高度 + padding-bottom 的時候，就會出現(xiàn)破綻，類似圖中灰色區(qū)域
我的解決辦法是將600px這一數(shù)值改成一個超大值，列如9999999999px; 這樣幾乎不會出現(xiàn)破綻
不知道我的理解對不對，對的話有沒有其他的解決辦法
2016-10-07
margin-bottom:-600px
padding-bottom:600px