博主记录学习CSS时遇到的问题。margin-top与文档流相关，设置该属性会使后续元素移动。若不想影响其他元素，可配合top和position使用。position为relative或absolute时，top仅影响当前元素，前者元素在文档流仍占缺省位置，后者则完全剥除。
最近学习CSS，碰到了这个问题，所以记录下来。
margin-top (或者其他margin)其实是和文档流(document flow)相关的。当你为某个元素加入margin属性时，那么接下来的这些元素都会被移动。
如果你不想影响到文档流里的其他元素，那么就配合使用top和position。
当position是relative时，元素在文档流里依然占有缺省的位置。此时top只影响这一个元素。
当position是absolute时，那么这个元素就完全从文档流里面剥除了。此时top也只影响这一个元素。
扫一扫
4783
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
