課程
/前端開發
/HTML/CSS
/從 psd 到 html
banner中的margin-left:-338px怎么理解呀?
2017-04-07
源自:從 psd 到 html 4-2
正在回答
如圖?
因為你先是絕對定位left:50%;使得banner的左邊在父元素的一半寬度的位置,但是banner本身是有寬度的,所以就需要通過margin-left:-338px來讓banner再向左邊移動,才能真正的讓banner居中。如果你對338這個具體指還有疑問,可以通過瀏覽器上的f12鍵審查元素把margin-left的值從0開始慢慢往上調,多調幾次就明白了。
希望上面的回答能夠幫到你
小金毛雞蛋
舉報
教你把PSD設計稿轉化成HTML,用案例來講解基本流程
1 回答為什么margin-item的margin-bottom:56px
2 回答:last-child{margin:0;}
1 回答關于margin 負值問題
5 回答.public-footer.footer-col:last-child{ margin-right: 0px; }
3 回答關于margin為負的問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-06-07
2017-04-08
因為你先是絕對定位left:50%;使得banner的左邊在父元素的一半寬度的位置,但是banner本身是有寬度的,所以就需要通過margin-left:-338px來讓banner再向左邊移動,才能真正的讓banner居中。如果你對338這個具體指還有疑問,可以通過瀏覽器上的f12鍵審查元素把margin-left的值從0開始慢慢往上調,多調幾次就明白了。
希望上面的回答能夠幫到你