配合margin實現(xiàn)等高布局是怎么實現(xiàn)的？
配合margin實現(xiàn)等高布局是怎么實現(xiàn)的？感覺想不明白，求各位大神指點
會錯了意
2016-09-01
5 回答
舉報
0/150
提交
取消
2016-09-13
畫了張簡圖看下能不能更好理解點（只畫了單邊，另一邊同理）
左邊數(shù)，第一行是原來的樣式，第二章添加padding，第三章添加margin
首先padding-bottom:600px將內(nèi)容撐開了600px(綠色的部分)，但是下一個元素（藍色）就會排到600px之后，所以用margin-bottom:-600px,就可以將下一個元素排回到原來的位置，但是這時兩邊的內(nèi)容實際高度已經(jīng)超過600px了，因為有overflow:hidden，所以看不見，二添加元素（藍色）撐開高度就可以讓另一邊背景也顯示出來
2017-02-07
應(yīng)該是，這兩個child元素在一個父元素里面，而父元素沒有設(shè)置高度就會是跟隨子元素的高度。
所以當(dāng)左邊的child元素為200px，右邊的child元素為100px的時候，父元素會為200px，而右邊的因為預(yù)留了padding，所以不會有空白。而父元素因為設(shè)置了overflow=hidden，所以子元素中超過了的部分會被隱藏起來。
2016-10-05
超過600px 就不會出現(xiàn)等高的布局了
2016-09-10
此時，兩欄的padding-bottom,border-bottom,margin-bottom三者產(chǎn)生了聯(lián)動關(guān)系，
2016-09-02
背景色會跟著padding變化。