[問題] position relative問題

[broo (陳爺)]

剛剛在做codecademy的教學，想問的是我剛剛設了一個選擇器
內容如下:
.question{
     position:relative;
     top:240px;
     margin:120px auto;
     text-align:center;
}
執行結果是這樣 http://imgur.com/bvBaHxq

將top改為40px後結果變這樣http://imgur.com/pv4xsyB
怎麼改都只有question1和上面的header距離有產生變化
為何question2 和question1中間都不會有變化呢?
我其他的question也有套用選擇器
另外margin跟 relative position 有什麼不同嗎?
用一用覺得很像阿..
謝謝各位
下面圖片網址點進去有完整程式碼

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.159.117.170
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1480228706.A.7B7.html
→ broo: 附上程式碼http://imgur.com/pv4xsyB
※ 編輯: broo (49.159.117.170), 11/27/2016 15:09:33
推 s89227: margin跟position完全不同…
→ s89227: margin可以理解成外留白，position是定位方式
→ steven04090: 因為你的每一個question的老爸都是body
→ broo: 我現在癥結的點是我在選擇器裡設了left:500px,整排question
→ broo: 都會移動，那為何設了top:40px卻只有第一個question會動，
→ broo: 麻煩你們!!
→ steven04090: relative是根據他的父元素產生相對位移
→ steven04090: 你的每一個question的父元素不是上一個question而是
→ steven04090: body 所以全部都是相對於body來移動
→ steven04090: 你把其中一個question 放到另一個question自然會明白
→ broo: 原來如此!!!謝謝你們幫了大忙!
→ Kenqr: http://zh-tw.learnlayout.com/
→ Kenqr: relative不是相對父元素 是相對自己原本的位置
→ Kenqr: 大家都往上200px 所以中間的距離不變
→ broo: 原來是這樣..稍微搞混了一下..謝謝你!!
→ steven04090: 抱歉 記成跟絕對定位的一些使用