margin-left到底是以父塊邊界為基準還是相鄰的字塊的邊界為基準的？

@weixin_phoenix_1 ?為何content下的可以直接設置margin-left：200px，這個明顯是以mainbody的左邊界為基準的，并不是以slidebar的邊界為基準的。但是“margin-top：0px 此時因為content處在sidebar下面所以這句代碼的意思是content的上界和sidebar保持0px的距離”。不知道我說明白了沒。

高粱地里吃過虧

2016-09-22

源自：網頁布局基礎 4-6

關注問題我要回答

1075

操作

收起

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 回復有任何疑惑可以回復我~