公司主營(yíng)業(yè)務(wù)：網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。成都創(chuàng)新互聯(lián)公司推出岢嵐免費(fèi)做網(wǎng)站回饋大家。

這是移動(dòng)端開(kāi)發(fā)的一個(gè)小測(cè)試。按照上面的代碼，最終的結(jié)果是頁(yè)面產(chǎn)生了滾動(dòng)條，為啥呢?。?！，糾結(jié)死。。。

究其原因，發(fā)現(xiàn)其實(shí)是margin的無(wú)邊界問(wèn)題，.top-img設(shè)置了絕對(duì)定位，所以在給.div1加上margin-top后由于沒(méi)有相對(duì)的邊界所以body的高度被撐開(kāi)了所以就有了滾動(dòng)體。

解決辦法，去掉.top-img的絕對(duì)定位改為：

.top-img{

    width:100%;

    height:0.4rem;

}

以為這樣就行了，no！，這個(gè)時(shí)候.top-img會(huì)把上面下面都撐開(kāi)一段距離，不止3像素，不知道到底是啥原因，反正再加上display:block就搞定了。。。

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國(guó)云服務(wù)器，動(dòng)態(tài)BGP最優(yōu)骨干路由自動(dòng)選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨(dú)有T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動(dòng)現(xiàn)已開(kāi)啟，新人活動(dòng)云服務(wù)器買多久送多久。

分享標(biāo)題：margin的無(wú)邊界問(wèn)題以及圖片的block屬性問(wèn)題-創(chuàng)新互聯(lián)
標(biāo)題URL：http://weahome.cn/article/digpej.html