绝对定位和相对定位的区别是什么

Question

如题所述

Answer 1

绝对定位(absolute):设置了绝对定位的标签会脱离文档流,以浏览器客户端的左顶点进行位置偏移
相对定位(relative):设置了相对定位的标签会保留标签原来的位置空间,以标签自身的左顶点进行位置偏移
以上就是两者的区别，这个知识点是我在传智播客学习PHP的时候学到的，你可以看一下他们的基础视频，这些知识点都有的。

Answer 2

绝对定位和相对定位是什么区别？首先绝对定位就是绝对的定位，相对的定位就是相对的定位

Answer 3

绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。

绝对定位本身与文档流无关，因此不占空间，普通文档流中的元素的布局就当绝对定位的元素不存时一样，所以 它们可以覆盖页面上其他的元素，且可以通过z-index属性来控制这些层的对方顺序。
相对定位是相对于元素在文档中的初始位置——首先它出现在它所在的位置上（即不设置position时的位置，然后通过设置垂直或水平位置，让这个元素“相对于”它的原始起点进行移动；