position有哪些，position值

如何理解position属性值及其特点

1、相对定位 ，相对于其正常位置进行定位，不影响其他元素的偏移。粘性定位 ，可以被认为是相对定位和固定定位的混合。

2、static：静态定位，是position属性的默认值，表示无论怎么设置top、bottom、right、left属性元素的位置（与外部位置）都不会发生改变。

3、position 属性值的含义：static 元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。relative 元素框偏移某个距离。

4、position属性有static、relative、absolute和fixed取值。区别是static，默认值，没有定位。relative，生成相对定位的元素，通过top，left，right的设置相对于其正常位置进行定位。

5、position 这个属性决定了元素将如何定位。它的值大概有以下五种：每个网页都可以看成是由一层一层页面堆叠起来的，如下图所示。

position的值relative和absolute定位原点是?

relative相对定位，相对于其盒子原来的位置进行定位。

如果设定TRBL，并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。

position属性规定元素的定位类型，这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

CSS中position属性的使用详解

1、position：static；默认情况下，HTML元素定位为静态。静态定位元素不受top，bottom，left和right属性的影响。

2、简单来说，它的包含块会从父级元素一直向上查找，找到第一个position不是static的元素为止。偏移属性前面的例子中已经涉及到偏移属性，它指的是元素相对于其包含块的偏移，我们称其为偏移属性，分别是top，bottom，left，right，依次代表上下左右。

3、background-position属性用于设置背景图像的起始位置的。语法为background-position： x y，其中x表示水平位置，y表示垂直位置；x和y有多种赋值方式，例：top left，3% 2%，xpos ypos。

4、css target-position属性是css3中新增属性，目前主流浏览器都还不支持该属性。

5、position：fixed属性的含义fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 left， top， right 以及 bottom 属性进行规定。

position属性值有哪些

absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 left， top， right 以及 bottom 属性进行规定。fixed：生成绝对定位的元素，相对于浏览器窗口进行定位。

position属性有4种取值static、fixed、relative、absolute，其区别是：static：静态定位，是position属性的默认值，表示无论怎么设置top、bottom、right、left属性元素的位置（与外部位置）都不会发生改变。

position属性有static、relative、absolute和fixed取值。区别是static，默认值，没有定位。relative，生成相对定位的元素，通过top，left，right的设置相对于其正常位置进行定位。

CSS中position是什么属性,有那些属性值?

position 属性指定了元素的定位类型。

static：静态定位。如果你没有设置position属性，那么缺省就是static。top，left，bottom，right等属性，在static的情况下是无效的，要使用这些属性，必须把position设置为其他三个值之一。relative：相对定位。

其实就是用的固定定位，就是说，相对于浏览器当前看到的什么位置，他的属性同样是依据left，right，top，botton来进行改变；position扩展认知：属于css层叠样式表当中的一种，定位属性，在前端布局中起到至关重要的作用。