随笔 2016/10/10 css中 position:relative和position:absolute的区别

今日在网上看到一篇讲解position:relative和position:absolute的文章，讲得非常详细且易懂。

我用自己的语言简单总结一下。

①position:relative   在文档流中的空间没有被删除，所以其他元素不会移动到他的位置上。

    position:absolute   在文档流中的空间被清除，不在占有空间，所以其他元素会移动到他的位置上。

②position: relative   是根据自己原先在文档流中所占的位置进行移动的。

    position: absolute   是根据自己的父节点（且父节点的position必须为relative,absolute,fixed其中之一，若为static，则继续向上检查父节点的父节点的position。若全都为static则以body为标准）进行移动的。