在 CSS 中，position属性用于设置元素的定位方式。它有四种可能的值，分别是static、relative、absolute和fixed。

static是默认值，意味着元素的位置是由文档流决定的，即按照它在 HTML 中出现的顺序在页面上排列，不能用top,bottom,left,right属性来调整位置。

div {position: static;}

relative使元素相对于它原来的位置进行定位。可以用top,bottom,left,right属性来调整位置，在移动到新位置之前，保留原位置的空间。如果不设置偏移值，默认偏移值是 0。

div {position: relative;top: 20px;left: 10px;}

absolute使元素相对于最近的非static父元素进行定位，如果没有非static父元素，则相对于 body 元素定位。可以用top,bottom,left,right属性来调整位置，在移动到新位置之前，不保留原位置的空间。如果不设置偏移值，默认偏移值是 0。

div {position: absolute;top: 20px;left: 10px;}

fixed使元素相对于浏览器窗口进行定位。可以用top,bottom,left,right属性来调整位置，在移动到新位置之前，不保留原位置的空间。如果不设置偏移值，默认偏移值是 0。

div {position: fixed;top: 20px;left: 10px;}

position属性的值可以通过组合使用，实现更精细的定位效果。例如，通过将一个元素设为relative，再将其内部元素设为absolute，内部元素就可以相对于外部元素进行定位。