CSS中使用定位的目的是为了更精确地控制元素在页面中的布局和定位。通过定位，可以将元素相对于其正常文档流位置进行偏移，实现更灵活的布局效果。
定位有四种分类：
- 静态定位（Static Positioning）：静态定位是元素的默认定位方式，也是最常见的定位方式。元素根据正常文档流进行布局，不受定位属性的影响。使用
position: static;来设置。 - 相对定位（Relative Positioning）：相对定位使元素相对于其正常文档流位置进行偏移，但不会影响其他元素的布局。通过指定相对偏移量（top、right、bottom、left）来调整元素的位置。相对定位的元素仍然保留其原来的空间占用。使用
position: relative;来设置。 - 绝对定位（Absolute Positioning）：绝对定位使元素脱离正常文档流，并相对于其最近的已定位（非静态定位）的祖先元素进行定位。如果没有已定位的祖先元素，则相对于文档的初始包含块进行定位。使用绝对定位可以精确地控制元素的位置。使用
position: absolute;来设置。 - 固定定位（Fixed Positioning）：固定定位是一种特殊的绝对定位，元素相对于视口进行定位，而不是相对于父元素。固定定位的元素在滚动页面时仍然保持在固定位置，不会随页面滚动而改变位置。使用
position: fixed;来设置。
通过使用这些定位方式，可以实现元素在页面中的精确布局和定位，使页面更具有创意和交互性。每种定位方式都有其适用的场景，可以根据需要选择合适的定位方式来实现所需的效果。