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