課程
/前端開發(fā)
/HTML/CSS
/網(wǎng)頁布局基礎(chǔ)
為什么在標簽里添加*{margin:0;padding:0;}還是沒辦法初始化成功?
2017-05-03
源自:網(wǎng)頁布局基礎(chǔ) 2-2
正在回答
剛開始我也一直為這個問題糾結(jié),后來放慢視頻才發(fā)現(xiàn),初始化根本沒有解決這個問題。老師只是把content的width改小了,貼近了圖片的邊緣。難怪視頻結(jié)束發(fā)現(xiàn)content變短了。。。。
不是初始化的問題,是width設(shè)置的問題。在.content類樣式中,內(nèi)邊距padding左右距離被設(shè)置成了各15px,如果width被設(shè)置成770px,那么div不含邊框border的總寬度就是width+padding=800px,顯然是大于背景圖片770px的寬度。
可以把width調(diào)成740px,width+paddng=740+15+15=770px,這樣div的邊框剛好框住背景圖片,但是不完美,背景圖片的邊框與div的邊框沒有重疊。
猜測背景圖片的邊框?qū)挾葹?px,那就把width調(diào)成735px,這樣div的邊框剛好覆蓋了背景圖片的邊框。
請檢查冒號是否為英文標點。
舉報
讓你精通CSS中三大定位機制,徹底掌握網(wǎng)頁布局的相關(guān)知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-05-19
剛開始我也一直為這個問題糾結(jié),后來放慢視頻才發(fā)現(xiàn),初始化根本沒有解決這個問題。老師只是把content的width改小了,貼近了圖片的邊緣。難怪視頻結(jié)束發(fā)現(xiàn)content變短了。。。。
2017-05-06
不是初始化的問題,是width設(shè)置的問題。在.content類樣式中,內(nèi)邊距padding左右距離被設(shè)置成了各15px,如果width被設(shè)置成770px,那么div不含邊框border的總寬度就是width+padding=800px,顯然是大于背景圖片770px的寬度。
可以把width調(diào)成740px,width+paddng=740+15+15=770px,這樣div的邊框剛好框住背景圖片,但是不完美,背景圖片的邊框與div的邊框沒有重疊。
猜測背景圖片的邊框?qū)挾葹?px,那就把width調(diào)成735px,這樣div的邊框剛好覆蓋了背景圖片的邊框。
2017-05-04
請檢查冒號是否為英文標點。