CSS是我们网页设计中不可或缺的一部分，其中position属性被广泛使用以布局元素。在这篇文章中，我们将讨论如何使用position属性以及它带给我们的布局优势。

什么是position属性？

position属性允许我们在HTML元素中定位一个元素。它有五个可能的值：static、relative、absolute、fixed和sticky。在以下部分中，我们将了解这些五个值的不同用法。

1. Static

static值是position属性的默认值。当我们没有指定任何position值时，元素就会使用static。

static被认为是无法定位的，因此我们无法通过top，left，bottom或right值来调整元素位置。

2. Relative

relative值允许我们相对于原始位置调整元素的位置。相对定位元素会像一个盒子一样，围绕原始位置放置元素。

例如，假设我们有以下HTML代码：

```