CSS中的position属性是用于控制元素定位的重要属性。掌握position属性的使用，可以让我们更加灵活地改变页面中元素的位置和布局。本文将介绍position属性的各个取值以及实现元素定位的常用方法。

一、position属性的基本用法

position属性有四个取值：static、relative、absolute、fixed。其中，static是默认值，元素按照常规流排列；relative是相对定位，元素相对于自身原本的位置偏移；absolute是绝对定位，元素相对于最近的已定位的祖先元素（父级元素中的position非static属性）偏移；fixed是固定定位，元素相对于浏览器窗口固定位置。

下面我们通过示例来了解position属性的不同取值效果。

1. static

先看一下默认值static的情况。以下代码中，我们将三个div元素分别设置宽高、背景色和边框，通过默认的static属性让它们按照自然流排列：

```