position: relative;
相对定位指元素相对于其原本的位置进行定位，可以配合top、bottom、left、right属性进行微调。相对定位的元素在文档流中仍占据原来的位置，因此对其他元素不会产生影响。通常可以用相对定位来实现一些元素的微调、悬浮效果等。
2. 绝对定位
position: absolute;
绝对定位指元素相对于其最近有定位属性（即定位类型为relative、absolute、fixed）的父元素进行定位。如果该元素没有符合要求的父元素，那么将以文档流为定位基准进行定位。绝对定位的元素会从文档流中移除，因此它对其他元素的位置产生影响。通常可以用绝对定位来实现一些对布局影响较大的效果，例如弹出层、下拉菜单、轮播图等。
3. 固定定位
position: fixed;
固定定位指元素相对于浏览器窗口进行定位，即使页面滚动，元素依然会停留在固定的位置。固定定位的元素不会影响其他元素的位置，因此可用于实现一些固定的导航、回到顶部等功能。
以上三种定位方式各有其特点，在实际开发中需要根据需求选择合适的定位方式，并注意合理控制定位元素的位置、大小等属性，以达到良好的用户体验。