margin-top失效常見癥狀有哪些
這篇文章給大家分享的是有關(guān)margin-top失效常見癥狀有哪些的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)從2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元沈河做網(wǎng)站,已為上家服務(wù),為沈河各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220
關(guān)于margin-top失效的解決方法
常出現(xiàn)兩種情況：
（一）margin-top失效
先看下面代碼：
clear:both;margin-top:20px;
兩個(gè)層box1和box2，box1具有浮動(dòng)屬性，box2沒有，這時(shí)候設(shè)置box2的上邊距margin-top沒有效果。
網(wǎng)上能找到的兩種比較靠譜的解釋：
1：“在CSS2.1中，水平的margin不會(huì)被折疊；垂直margin可能在一些盒模型中被折疊…”
2：當(dāng)***個(gè)層浮動(dòng)，而第二個(gè)沒浮動(dòng)層的margin會(huì)被壓縮，詳見--浮動(dòng)元素后非浮動(dòng)元素的margin的處理。
得到解決問題思路：要浮動(dòng)一起浮動(dòng)，要就一起不浮動(dòng)。
◆解決辦法：
1.box2增加float屬性
2.box1與box2之間增加一層"
"感謝各位的閱讀！關(guān)于“margin-top失效常見癥狀有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
重慶分公司
重慶分公司
