为什么设置了position:absolute;left:794px;没有效果（right还是紧挨着mid，中间没有空出17px）但是把left：794px；换成了margin-left：794px后效果就出来了呢？求大神讲讲left和margin-left的真正区别以及各自用在什么地方，谢谢了

为什么设置了position:absolute;left:794px;没有效果（right还是紧挨着mid，中间没有空出17px）但是把left：794px；换成了margin-left：794px后效果就出来了呢？求大神讲讲left和margin-left的真正区别以及各自用在什么地方，谢谢了

fengshushu

2016-01-01

源自：网页布局基础 5-1

关注问题我要回答

1511

操作

收起

2 回答

折翼天使I 回答被采纳 +3 积分
2016-01-01

margin-left：是指相邻两个元素的距离；

Left：是相对于父元素的距离；

我的描述可能不太准确，你的问题明显是盒子模型没搞懂，再把相应知识点学通，你就不会问这种问题了

0 回复有任何疑惑可以回复我~

#1

fengshushu 提问者

不过按照你说的，margin-left：是指相邻两个元素的距离，那岂不是right和mid相聚794px，如果按照你说的我的这个代码正好合理啊，我写的是left：794px，按照你说的Left：是相对于父元素的距离，那岂不是正好嘛，可是结果正好是与你说的是相反的，这让我很是迷惑啊，算了，我还是回到前面的章节自己去看看吧，在这里也问不出什么，不过也很谢谢你

2016-01-01 回复有任何疑惑可以回复我~

#2

fengshushu 提问者

哦哦，懂了，left:794px效果也出来了，不过在网页上右侧自带显示区效果没出来，在浏览器中查看，效果是有的

2016-01-01 回复有任何疑惑可以回复我~

#3

折翼天使I 回复 fengshushu 提问者

一起学习吧，加油！还有在右侧没显示出来，你是不是没有把它放大去看啊？有的练习一定要把右侧放大看，不然你不会知道前后的差别，印象自然也不深刻

2016-01-02 回复有任何疑惑可以回复我~

Kitayama
2016-01-06

按照我的理解：

如有父元素有相对定位 relative 那么之后的定位就是基于那定位的标签做相对移动。

如果父元素没有相对定位，要么给父元素定一个。间距像素就是想要间隔的像素值。

或者用绝对定位 absolute，基于浏览器做移动。间距像素就是每个盒子的（ 2条border，2个padding ，connet ，2个margin）的像素和，加上想要间隔的像素。

照我的想法，你这里用绝对定位做移动是没错的。也不知道我的思路正不正确，希望有大神指导下。

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

网页布局基础

参与学习 214672 人
解答问题 1833 个

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

为什么设置了position:absolute;left:794px;没有效果（right还是紧挨着mid，中间没有空出17px）但是把left：794px；换成了margin-left：794px后效果就出来了呢？求大神讲讲left和margin-left的真正区别以及各自用在什么地方，谢谢了

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号