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