在Web开发中，CSS是必须掌握的技能之一，而CSS中的position属性更是必不可少的一部分。position属性指定了一个元素在文档布局中的定位方式，它可以使得一个元素脱离标准文档流，并按照开发者的要求摆放。本文将详细探讨CSS中position属性的常见应用方式。

一、static

CSS的position属性默认为static，这意味着该元素遵循标准文档流，也就是说，它会按照HTML文档自动排列。此时，left、top、right和bottom属性是无效的。

二、relative

relative表示相对定位，它使得元素相对于原本的位置进行移动。当为元素设置relative时，left、top、right和bottom属性将会生效。例如：

```