cssposition里relative和absolute的区别是什么

今天小编给大家分享一下css position里relative和absolute的区别是什么的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

目前创新互联已为1000多家的企业提供了网站建设、域名、网页空间、网站运营、企业网站设计、肥城网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

position有以下属性：static、inherit、fixed、absolute、relative前三个好理解好区分： static：是默认状态，没有定位，元素出现在正常的流中（忽略 top, bottom, left, right或者 z-index声明）。 inherit：从父元素继承 position属性的值。 fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。（即滚动浏览器的时候，元素永远固定显示在窗口可视区的某个位置）。

比较常用而且会引起初学者迷惑的是absolute和relative，它俩有什么分别呢？

一、先来看看W3C给的概念

absolute：生成绝对定位的元素，相对于 static定位以外的第一个父元素进行定位。

relative：生成相对定位的元素，相对于其正常位置进行定位。

两者最核心的区别在于：**absolute不受父元素里的其他元素影响，而relative会受到父元素里的其他元素影响。

二、absolute、relative的差别

enter image description here代码：

以上就是“css position里relative和absolute的区别是什么”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。