課程
/前端開發
/HTML/CSS
/網頁布局基礎
。。。
2014-11-14
源自:網頁布局基礎 4-6
正在回答
@樓主 ?因為margin-top是針對content元素本身設置盒模型的外邊距,并不是設置偏移量,所以修改了之后無效;
@自來也 這一節不是設置mainbody上移,它只是一個父級包裹層;需求是設置content為上移。content已經設置了position:relative屬性,其參照基準是相當于其父級包裹層mainbody下移10px.如果不設置偏移量的話只設置position屬性,位置是不會改變的。具體請參照視頻http://www.xianlaiwan.cn/video/1328
?——————————————————————————————
下面是margin-left:200px 和偏移量left:200px對比,他們兩個頁面看起來是效果一樣,但是盒子模型結構是不一樣的:
magin-left:200px--改變的是content左外邊距~
偏移量left:200px~可以看出來content本身margin是沒有設置的,但是左外側偏移了200px
現學現賣~~~如有錯誤還請指出~
jquery 提問者
小王子抓貓咪
技術渣一枚
相同的問題,position?標簽里面的top和margin-top有什么區別,分別是在什么樣的場景下使用呢?
而且在這一課的練習里面,為什么?mainbody?要上移的話,一定要?設置?top?屬性。
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2014-11-21
@樓主 ?因為margin-top是針對content元素本身設置盒模型的外邊距,并不是設置偏移量,所以修改了之后無效;
@自來也 這一節不是設置mainbody上移,它只是一個父級包裹層;需求是設置content為上移。content已經設置了position:relative屬性,其參照基準是相當于其父級包裹層mainbody下移10px.如果不設置偏移量的話只設置position屬性,位置是不會改變的。具體請參照視頻http://www.xianlaiwan.cn/video/1328
?——————————————————————————————
下面是margin-left:200px 和偏移量left:200px對比,他們兩個頁面看起來是效果一樣,但是盒子模型結構是不一樣的:
magin-left:200px--改變的是content左外邊距~
偏移量left:200px~可以看出來content本身margin是沒有設置的,但是左外側偏移了200px
現學現賣~~~如有錯誤還請指出~
2014-11-18
相同的問題,position?標簽里面的top和margin-top有什么區別,分別是在什么樣的場景下使用呢?
而且在這一課的練習里面,為什么?mainbody?要上移的話,一定要?設置?top?屬性。