最近学习CSS,碰到了这个问题,所以记录下来。
margin-top (或者其他margin)其实是和文档流(document flow)相关的。当你为某个元素加入margin属性时,那么接下来的这些元素都会被移动。
如果你不想影响到文档流里的其他元素,那么就配合使用top和position。
当position是relative时,元素在文档流里依然占有缺省的位置。此时top只影响这一个元素。
当position是absolute时,那么这个元素就完全从文档流里面剥除了。此时top也只影响这一个元素。