網(wǎng)站制作NEWS
css中一個(gè)div包含一個(gè)小div,如果外層的div不設(shè)border屬性,里邊的div上部會貼住外層div,為什么
這位網(wǎng)友你好，你遇到的是Margin垂直外邊距合并問題，外邊距合并指的是，當(dāng)兩個(gè)垂直外邊距相遇時(shí)，它們將形成一個(gè)外邊距。合并后的外邊距的高度等于兩個(gè)發(fā)生合并的外邊距的高度中的較大者。
垂直外邊距合并問題常見于第一個(gè)子元素的margin-top會頂開父元素與父元素相鄰元素的間距，而且只在標(biāo)準(zhǔn)瀏覽器下
(FirfFox、Chrome、Opera、Sarfi)產(chǎn)生問題，IE下反而表現(xiàn)良好。
這個(gè)問題發(fā)生的原因是根據(jù)規(guī)范，一個(gè)盒子如果沒有上補(bǔ)白(padding-top)和上邊框(border-top)，那么這個(gè)盒子的上邊距會和其內(nèi)部文檔流中的第一個(gè)子元素的上邊距重疊。
再說了白點(diǎn)就是：父元素的第一個(gè)子元素的上邊距margin-top如果碰不到有效的border或者padding.就會不斷一層一層的找自己
“領(lǐng)導(dǎo)”(父元素，祖先元素)的麻煩。只要給領(lǐng)導(dǎo)設(shè)置個(gè)有效的
border或者padding就可以有效的管制這個(gè)目無領(lǐng)導(dǎo)的margin防止它越級，假傳圣旨，把自己的margin當(dāng)領(lǐng)導(dǎo)的margin執(zhí)行。
對于垂直外邊距合并的解決方案上面已經(jīng)解釋了，為父元素例子中的middle元素增加一個(gè)border-top或者padding-top即可解決這個(gè)問題。
詳細(xì)介紹你可以看一下下面我上傳的文章，或者搜一下相關(guān)資料
多重隨機(jī)標(biāo)簽