为了账号安全,请及时绑定邮箱和手机立即绑定

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.imooc.com/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
提交
取消
网页布局基础
  • 参与学习       214705    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

margin-left:200px 和left:200px效果一样的,那为什么top:0;不能改为marin-top:0;改完之后发现content并没有移动?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信