position 是 CSS 中用于设置元素定位方式的属性。它定义了元素在文档中的位置,并可以与 top、right、bottom 和 left 属性一起使用,以精确定位元素。

常见的 position 属性值包括:

1. static(默认值): 元素在正常文档流中的位置,不会被特殊地定位。
position: static;

2. relative: 相对于元素自身正常位置进行定位,然后通过 top、right、bottom、left 属性调整位置。
position: relative;
top: 10px;
left: 20px;

3. absolute: 相对于最近的非 static 定位祖先元素进行定位。如果没有非 static 定位的祖先元素,则相对于最初的包含块(通常是 <html> 元素)进行定位。
position: absolute;
top: 30px;
left: 40px;

4. fixed: 相对于视口(浏览器窗口)进行定位,即元素固定在屏幕上的位置,不会随页面滚动而移动。
position: fixed;
top: 50px;
right: 10px;

5. sticky: 元素根据用户的滚动位置在某个范围内定位,超过这个范围则变为固定定位。
position: sticky;
top: 0;

这些值可以根据需要进行选择,根据元素在文档流中的位置和页面设计的需要来决定元素的定位方式。


转载请注明出处:http://www.pingtaimeng.com/article/detail/6124/CSS