亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

margin-left:200px 和left:200px效果一樣的,那為什么top:0;不能改為marin-top:0;改完之后發現content并沒有移動?

。。。

正在回答

2 回答

@樓主 ?因為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左外邊距~

546ef5630001066703520423.jpg

偏移量left:200px~可以看出來content本身margin是沒有設置的,但是左外側偏移了200px

546ef5630001657e03690443.jpg

現學現賣~~~如有錯誤還請指出~


8 回復 有任何疑惑可以回復我~
#1

jquery 提問者

你的理解正確
2014-11-21 回復 有任何疑惑可以回復我~
#2

小王子抓貓咪

你的理解很正確,看了之后確實明白了。 總結一下:margin屬性是用來設置自身的外邊距,而top,right,bottom,left是用來設置偏移量的,當然前提是該標簽元素設置了position屬性為relative或absolute值。
2015-03-01 回復 有任何疑惑可以回復我~
#3

技術渣一枚

請問你用的哪個軟件能顯示出這樣的效果?
2015-06-18 回復 有任何疑惑可以回復我~

相同的問題,position?標簽里面的top和margin-top有什么區別,分別是在什么樣的場景下使用呢?

而且在這一課的練習里面,為什么?mainbody?要上移的話,一定要?設置?top?屬性。

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214662    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

margin-left:200px 和left:200px效果一樣的,那為什么top:0;不能改為marin-top:0;改完之后發現content并沒有移動?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號