刚刚在做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 所以中间的距离不变

原来是这样..稍微搞混了一下..谢谢你!!

抱歉 记成跟绝对定位的一些使用