今日在网上看到一篇讲解position:relative和position:absolute的文章,讲得非常详细且易懂。
我用自己的语言简单总结一下。
①position:relative 在文档流中的空间没有被删除,所以其他元素不会移动到他的位置上。
position:absolute 在文档流中的空间被清除,不在占有空间,所以其他元素会移动到他的位置上。
②position: relative 是根据自己原先在文档流中所占的位置进行移动的。
position: absolute 是根据自己的父节点(且父节点的position必须为relative,absolute,fixed其中之一,若为static,则继续向上检查父节点的父节点的position。若全都为static则以body为标准)进行移动的。