为什么#content {}内部用top:0;可以用margin-top就不行，而margin-left和left可以互换？

如题，margin-top，按本人的理解，表现应该与top是一样的才对

慕工程8099857

2016-06-30

源自：网页布局基础 4-6

关注问题我要回答

1092

操作

收起

3 回答

一剑一人回答被采纳 +3 积分
2016-06-30

你把sidebar那段内容删了就能达到你想要的效果了；并不是margin-top不行，你用margin-top的时候它相对于#sidebar的元素块发生了偏移，用top它回到了原顶点位置；而margin-left跟left也不算是互换；margin-left：200px 是它的左边的外边距是200px，而left：200px是向右偏移200px。只是效果一样

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

#1

慕工程8099857 提问者

非常感谢！为何会相对于#sidebar发生偏移啊

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

#2

一剑一人回复慕工程8099857 提问者

sidebar的元素块在content的元素块的上面，如果把content的元素块写在上面，使用margin-top照样能达到你要的结果。margin会对块与块之间产生边距。

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

霸气的擎宇
2016-07-08

一句话解决你的问题！

方向，是相对父元素偏移。这没什么好多说的

外边距方向，是相对她本身所在位置偏移。这个多解释下吧

想象一下盒模型。设置外边距的时候，元素大小变了，但是本身所在文档流是不变的，本来在哪里仍然在哪里，只不过外面不可见部分增加了，使得可见部分看上去偏移了而已。

看到这里不知道你能不能反应过来一个问题，就是left和margin-left 实现效果之所以一样，是因为他原本就处在父元素最左边罢了。

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

慕斯卡3360218
2016-06-30

margin-top是外边框距顶部，top，与之不同，left与margin-left不可替换

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

举报

0/150

提交

取消

网页布局基础

参与学习 214707 人
解答问题 1756 个

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

为什么#content {}内部用top:0;可以用margin-top就不行，而margin-left和left可以互换？

我要回答关注问题

意见反馈帮助中心 APP下载