html中position的用法（html的position属性）

其实html的position属性的问题并不复杂，但是又很多的朋友都不太了解html中position的用法，因此呢，今天小编就来为大家分享html的position属性的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

position属性有哪4种取值?有何区别?

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

static（静态定位）：默认值。没有定位，元素出现在正常的流中（忽略top，bottom，left，right或者z-index声明）。

因此在position属性中它有四个属性值分别为：static、relative、absolute、fixed。接下来在文章中将具体介绍这四个属性值的用法及特点。static属性值static属性表示默认值，即没有定位，元素出现在正常的流中。

position(五种属性,以及每个属性的特点)

1、position属性值有static、relative、absolute、fixed、sticky。static：该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。

2、position 属性指定了元素的定位类型。它有五个属性，分别是 static：HTML 元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到 top， bottom， left， right影响。

3、有以下几种：absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 left， top， right 以及 bottom 属性进行规定。

4、position属性position属性指定用于元素的定位方法的类型（静态，相对，固定，绝对或粘性）。 有五种不同的值：？static？relative？fixed？absolute？sticky然后使用top，bottom，left和right属性定位元素。

html中的position属性

1、position： static 默认值。没有定位，元素出现在正常的流中(忽略top， ...position： inherit inherit值如同其他css属性的inherit值...position： relative 相对定位，相对于自己的初始位置，不脱离文档流。

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

3、“position：absolute”是绝对定位的意思，单纯的使用absolute属性并不会其效果，需要配合“top bottom left right ”属性才能看到效果。

4、html中的“position：absolute”是绝对定位，一般配合“top”和“left”属性同时使用。

5、规定应该从父元素继承 position 属性的值。 posiyion： initial 设置该属性为默认值，详情查看 CSS initial 关键字 initial 关键字用于设置 CSS 属性为它的默认值。

6、position这个属性用于设置HTML元素的位置，需要和“top，left，right，bottom结合使用。

position的五个常见设定值

所有html元素初始 position 都是默认 static ，此时 top ， left ， right ， bottom 和 z-index 属性无效。相对于 static ，此时 top ， left ， right ， bottom 和 z-index 属性有效。

position：relative + position：absolute 如果我们给 P-1 设置 relative 定位，那么 P-1 内的所有元素都会相对 P-1 定位。如果给 P-1a 设置 absolute 定位，就可以把 P-1a 移动到 P-1 的右上方。

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

position： fixed；固定定位 fixed 生成固定定位的元素，相对于浏览器窗口进行定位。 position：static ： 默认值 默认布局。元素出现在正常的流中（忽略 top， bottom， left， right 或者 z-index 声明）。

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

HTML代码中如何用POSITION属性来固定一个DIV模块的位置,让其不随滚动...

1、要想div固定在一个位置，可以使用css中的绝对定位来实现 position： absolute。然后可以通过top、left、right、bottom来定位方向。

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

3、使用CSS CSS让DIV固定位置不随滚动条而滚动， fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。

OK，本文到此结束，希望对大家有所帮助。