默认值是static.
---------------------------------------------------------------------------------------------------------------------
通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。
position 属性值的含义：
1 .static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。
2. relative元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。
3. absolute元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
4. fixed元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。
---------------------------------------------------------------------------------------------------------------------
《position: relative》
相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。
如果将 top 设置为 20px，那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素，那么会在元素左边创建 30 像素的空间，也就是将元素向右移动。
#box_relative {position: relative;
left: 30px;
top: 20px;
}
如下图所示：
在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。0.0
--------------------------------------------------------------------------------------------------------------------
绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。
普通流中其它元素的布局就像绝对定位的元素不存在一样：
#box_relative {position: absolute;
left: 30px;
top: 20px;
}
如下图所示：
绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。
对于定位的主要问题是要记住每种定位的意义。所以，现在让我们复习一下学过的知识吧：相对定位是“相对于”元素在文档中的初始位置，而绝对定位是“相对于”最近的已定位祖先元素，如果不存在已定位的祖先元素，那么“相对于”最初的包含块。
因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。
Vue实践-CSS样式position/display/float属性对比使用
CSS中,position: relative是DIV中的默认属性吗?
默认值是static.--- 通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。position 属性值的含义：1 .static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。2. relative元素框偏移某个距离...
css中position属性详解
在CSS中，`position`属性用于控制元素的定位方式。它主要有五种值：`static`、`relative`、`absolute`、`fixed`和`sticky`。每种值都有其特定的用途和行为。一、Static 静态定位是元素的默认定位方式。在静态定位下，元素按照正常的文档流进行排列，不会受到其他元素的影响。也就是说，静态定位的元素不...
在css中position:relative是什么意思?
在CSS中，`position: relative`是一种定位方式，它允许元素相对于其在文档流中的原始位置进行移动。这意味着即使元素被移动了，其原来的空间也会被保留下来，不会被其他元素填补。这对于创建一些特殊的布局和动画效果非常有用。二、相对定位与正常文档流的对比 当一个元素的`position`属性设置为`relative`...
div中 关于四种position的说明
position : static | absolute | fixed | relative 取值：static : 默认值。无特殊定位，对象遵循HTML定位规则 absolute : 将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body ...
div中position:relative的完整用法怎么用?
position的默认值是static，（也就是说对于任意一个元素，如果没有定义它的position属性，那么它的position:static）如果你想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方，应该给#demo相对定位，#sub绝对定位。absolute是相对于自己最近的父元素来定位的，如果你不给#demo相对定位，那么...
在CSS中position: relative是什么意思?
position属性规定元素的定位类型，这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。relative属性相对比较简单，它是相对它所属父元素来进行偏移的，可以通过“top”、“bottom...
html中的position属性
1.position: static 默认值。没有定位,元素出现在正常的流中(忽略top, ...2.position: inherit inherit值如同其他css属性的inherit值...3.position: relative 相对定位,相对于自己的初始位置,不脱离文档流。也就...4.position: absolute 绝对定位的元素的位置相对于最近的已定位祖先元素...5.position...
css的position的属性有哪些
position 属性指定了元素的定位类型。它有五个属性，分别是 static：HTML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响。relative：相对定位元素的定位是相对其正常位置。fixed：元素的位置相对于浏览器窗口是固定位置。注：即使窗口是滚动的也不...
position: relative什么意思
在CSS中，`position:relative`是一种定位方式。当一个元素的position属性设置为relative时，该元素会相对于其正常位置进行定位。这意味着你可以使用top、right、bottom和left属性来移动这个元素，但它仍然保持在文档流中的位置，并占据其原本的空间。详细解释：1. 相对定位的基本概念：相对定位是CSS中定位...
在C relative是什么意
在CSS中，"position: relative"是一个关键的定位指令，它将元素定位为相对其原始在文档流中的位置进行。这个属性主要用于控制元素的定位方式，允许你通过设置"top"、"bottom"、"left"和"right"这四个偏移量，使元素相对于其父元素进行定位，实现了灵活的布局调整。相对定位的特点在于，元素的位置会根据其...
