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