剛剛在做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 有什麼不同嗎?
用一用覺得很像阿..
謝謝各位
下面圖片網址點進去有完整程式碼

附上程式碼http://imgur.com/pv4xsyB

margin跟position完全不同…margin可以理解成外留白，position是定位方式

因為你的每一個question的老爸都是body

我現在癥結的點是我在選擇器裡設了left:500px,整排question都會移動，那為何設了top:40px卻只有第一個question會動，麻煩你們!!

relative是根據他的父元素產生相對位移你的每一個question的父元素不是上一個question而是body 所以全部都是相對於body來移動你把其中一個question 放到另一個question自然會明白

原來如此!!!謝謝你們幫了大忙!

http://zh-tw.learnlayout.com/relative不是相對父元素 是相對自己原本的位置大家都往上200px 所以中間的距離不變

原來是這樣..稍微搞混了一下..謝謝你!!

抱歉 記成跟絕對定位的一些使用