image.png
問(wèn)題來(lái)源
本來(lái)是想給子元素（綠色的div）設(shè)置
margin，讓其往下移動(dòng)，可是結(jié)果是父元素和子元素一起往下移動(dòng)了。
毗鄰：
同級(jí)或嵌套的元素，并且它們之間沒(méi)有任何內(nèi)容，padding，和border，它們就會(huì)共用一個(gè)margin
解決辦法：
- .在父元素上設(shè)置
overflow：hidden；（觸發(fā)父元素的BFC） - 為父元素設(shè)置
border:1px solid transparent - 在兩個(gè)元素之間添加內(nèi)容
- 讓父元素使用
padding代替子元素的margin實(shí)現(xiàn)效果，或者padding:1px即可。
