margin-left到底是以父块边界为基准还是相邻的字块的边界为基准的？

@weixin_phoenix_1 为何content下的可以直接设置margin-left：200px，这个明显是以mainbody的左边界为基准的，并不是以slidebar的边界为基准的。但是“margin-top：0px 此时因为content处在sidebar下面所以这句代码的意思是content的上界和sidebar保持0px的距离”。不知道我说明白了没。

高粱地里吃过亏

2016-09-22

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

关注问题我要回答

1047

操作

收起

3 回答

qq_从小就很萌灬_04090553
2016-11-08

我觉得那儿应该就是left不应该是margin-left margin是相邻div与div的，按讲的意思就成了和包含它的mainbody之间的距离，可是它们两个是包含关系不是相邻关系。

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

收起回答

无言一
2016-09-22

我懂你的意思了我试了下 content设置绝对用top left right bottom去控制他相对父块的上右下昨位置如果不设置这四个属性，他还是在原来的位置只是不占用文档流的空间了，如果他下面还有div就会窜到他的位置；
然后我这写着写着再想想咱做的案例我也蒙圈了 margin设的值到底是相对谁=。=

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

收起回答

高粱地里吃过亏提问者

我似乎明白了。首先margin是一个相对定位，一定是以偏移方向上的相邻块为基准，top是绝对定位，一定是以父块为为基准；代码里先设置了top：0；此时content已经位移到了和slidebar相同的位置并重叠（脱离文档流）！此时它左侧相邻的已不再是slidebar了，而是mainbody的左边界！所以此时设margin-left和left是一个效果，都是以mainbody的左边界为基准。貌似这样理解想的通= 。=

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

无言一回复高粱地里吃过亏提问者

只能这么理解了在网上搜也没找到合理的解释。。。

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