css中有关定位的属性值

CSS的定位属性可以让我们更好地布局和定位页面元素。本文将介绍CSS中有关定位的属性值。

position: static;

static是默认值，元素遵循页面的普通布局流程，在普通文档流中按照HTML中的顺序进行排列。

position: relative;
top: 20px;
left: 30px;

relative相对定位，元素相对于自己在文档中的位置进行定位，top和left属性可以定义元素相对于其原始位置进行移动。

position: absolute;
top: 100px;
left: 200px;

absolute绝对定位，元素相对于它的第一个非静态父级进行定位，如果没有非静态父级，则相对于body定位。top和left属性可以定义元素相对于父级进行移动。

position: fixed;
top: 10px;
right: 20px;

fixed固定定位，元素相对于浏览器窗口进行定位，无论页面滚动多少，元素始终保持在同一个位置上。

position: sticky;
top: 50px;

sticky粘性定位，元素相对于其最近的滚动容器进行定位，当页面滚动到元素所在容器的特定位置时，元素将固定在该位置上。 以上是CSS中有关定位的属性值，希望能对大家有所帮助。