在网页设计中，CSS样式是不可或缺的部分。其中，position属性可以让我们控制元素的位置。

position: static;
position: relative;
position: absolute;
position: fixed;

static

这是默认的position值。元素会根据文档流来设置位置。如果没有其他属性值干扰，元素会按照HTML的语义来排列。

relative

相对定位（relative）是相对于其自身的位置进行定位。可以通过设置top、left、bottom和right属性，使元素相对于原始文档流的位置进行偏移。

absolute

绝对定位（absolute）是从文档流中删除的，并相对于其最近的“position”父元素进行定位。如果没有任何祖先元素是“position”，那么绝对定位的基元素就是HTML根元素，也就是文档本身。类似于相对定位，可以通过设置top、left、bottom和right属性，使元素相对于其父元素的位置进行偏移。

fixed

固定定位（fixed）是将元素固定在视口的某个位置。不会随着页面滚动而改变位置。可以通过设置top、left、bottom和right属性，使元素相对于视口的位置进行偏移。