固定定位相对于谁定位？_固定定位是相对于谁进行定位？

css中固定定位 静态定位是什么意思？

固定定位：position:fixed

固定定位相对于谁定位？_固定定位是相对于谁进行定位？

固定定位是相当于“当前窗口”来进行的定位。

固定定位元素不再占空间，层级要高于普通元素，跟“浮动”很像。

固定定位元素，是一个“块元素”，换句话说，行内元素使用fixed定位，将转成“块元素”。

如果只指定了fixed定位属性，并没有设置偏移量，则“原地不动”。

定位absolute

定位元素，相对于“祖先定位元素”进行的定位。

如果父元素没有定位属性的话，则再往上找父定位元素，如果一直找到元素，都没有找定位元素的话，则终就相对于body来定位。

如果父元素是定位元素(相对或)的话，那么定位元素，就相对于该父元素进行定位。

定位元素，不再占空间，层级要高于普通元素。

定位元素，是一个“块元素”。

如果只指定absolute定位，并没有设置偏移量，则元素的位置不会改变(原地不动)。

position的值,relative\absolute\fixed分别相对于进行谁定位,有什么区别,什么

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

absolute定位，相对于父元素左上角定位（一般我们将父元素设置为相对定位，不要使用top等属性），没有为其父元素设置相对定位，那么该元素会一直往上递推，直到html节点停下来。即，若父元素没有设置相对定位，而元素本身又是定位，那么该元素相对于html元素定位（浏览器窗口左上角）

设置了父级元素相对定位的情况

没有设置父级元素相对定位

fixed固定定位，它是相对于浏览器窗口进行定位，一般用于侧边栏的广告，等，可以参考淘宝，京东等网站的侧边栏。

讲讲相对定位、定位、固定定位的理解？

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

position 属性的五个值：

static（默认值）

relative（相对定位）

fixed（固定定位）

absolute（定位）

sticky（粘性定位）

relative 相对定位：相对自身元素的原来进行定位。

移动相对定位元素，但它原本所占的空间不会改变。

相对定位元素经常被用来作为定位元素的容器块。

用途：

个，为微调元素的位置

第二个，做定位的参考(父相子绝)

absolute 定位：定位的元素的位置相对于近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于（初始包含块）

absolute 定位使元素的位置与文档流无关，因此不占据空间。

absolute 定位的元素和其他元素重叠。

fixed 固定定位：元素的位置相对于浏览器窗口是固定位置。

即使窗口是滚动的它也不会移动

Fixed定位使元素的位置与文档流无关，因此不占据空间

Fixed定位的元素和其他元素重叠

用途：

固定到浏览器窗口固定位置的元素、跟随导航、回到顶部

sticky 粘性定位：粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。 它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。

元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。

这个特定阈值指的是 top, right, bottom 或 left 之一，换言之，指定 top, right, bottom 或 left 四个阈值其中之一，才可使粘性定位生效。否则其行为与相对定位相同。

用途：页面吸顶效果

position fixed 相对于什么定位?

定位：固定定位本例演示如何相对于浏览器窗口来对元素进行定位。

给你个例子

一些文本。

更多的文本。

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

position定位属性有四个属性值分别为static默认值表示没有定位，relative相对定位是相对于本身进行定位，absolute定位是相对于有定位的父元素进行定位，fixed固定定位相对于浏览器窗口定位

今天将要介绍的是CSS中的定位属性position的各个属性值及其特点，具有一定的参考作用，希望对大家学习定位有所帮助

【课程：CSS教程】

position属性

position 属性就是用来规定元素的定位类型，即把元素放置到一个静态的、相对的、的、或固定的位置中。因此在position属性中它有四个属性值分别为：static、relative、absolute、fixed。接下来在文章中将具体介绍这四个属性值的用法及特点。

static属性值

static属性表示默认值，即没有定位，元素出现在正常的流中。忽略了 top, bottom, left, right 或者 z-index 声明

效果图：

relative属性值

表示相对定位的元素，可以通过top,bottom,left,right的设置相对于其正常（原先本身）位置进行定位。它是默认参照父级的原始点为原始点来定位的，若无父元素则按照上一个元素的底部为原始点进行定位。

1、相对定位不会影响元素本身特性

2、 不会使元素脱离文档流（元素原本位置会被保留）

3、没有定位偏移量时对元素无影响

4、提升层级，可以使用z-index来改变一个定位元素的层级关系，从而改变元素的覆盖关系，值越大越在上面

div{

width:200px;

height:200px;

background-color: pink;

}div.relative {

position: relative;

background-color:lightblue;

left:45px;

}

效果图：

absolute属性值

表示定位的元素，相对于 static 定位以外的个父元素进行定位。它的特点有以下几个方面

1、 使元素完全脱离文档流，即在文档流中不再占位

2、可以改变内联元素的特性，即在内联元素中可以设置宽高

3、使区块元素在未设置宽度时由内容撑开宽度

4、 相对于近一个有定位的父元素偏移，若其父元素没有定位则逐层上找，直到找到body为止。

5、相对定位一般配合定位使用（子绝父相）

fixed属性值

表示固定属性值，生成定位元素，相对于浏览器窗口进行定位。就是无论你怎么滚动滚动条，元素依旧在那个位置不动

效果图：

总结：

html常用的三种定位是什么

在一般的前端开发中比较常用的定位有三种：相对定位，定位，固定定位。

下面简要的说明一下他们的使用特点：

相对定位position:relative 1.它可以在四个方向分别或者同时进行偏移

2.定义时它的参照物是父元素（没有时为浏览器本身）

3.偏移后元素的原来位置还是被占着，并没有空出来

4.当父元素和子元素同时定义时，他们的参照物是父元素，且占据原来的位置

定位position:absolute 1. 它可以在四个方向分别或者同时进行偏移

2.单独定义时它的参照物是浏览器本身，且不占据原来的位置

3.当父元素和子元素同时定义时，他们的参照物是父元素，且不占据原来的位置

4.当子元素定位，父元素相对定位时，他们的参照物是父元素，且还占据原来的位置

5.当子元素相对定位，父元素定位时，他们的参照物是父元素，且不占据原来的位置

固定定位position:fixed 1.它可以在四个方向分别或者同时进行偏移

2.定义时它总是以浏览器为参照物，且不占据原来的位置

3.它不会随着浏览器的滚动而移动，即会固定在所能到观察浏览器界面的固定地方

注：普遍使用方式为子绝父相，即子元素定位，父元素相对定位

可以使用z-index: 来进行优先级显示