CSS3 定位属性详解：探索不同的定位方式

CSS3 中提供了多种定位属性，用于在网页布局中精确地定位元素。这些属性包括相对定位、绝对定位、固定定位和粘性定位。每种定位方式都有其特定的用途和行为。接下来，我们将详细介绍这些定位属性，并提供相应的源代码示例。

1. 相对定位（position: relative）：
   相对定位是相对于元素自身在正常文档流中的位置进行定位。使用相对定位，可以通过设置元素的偏移量来调整其位置。相对定位不会使元素脱离文档流，其他元素仍会根据其原始位置进行布局。

.relative-box {
   
   
  position: relative;
  top: 20px;
  left: 30px;