相对定位
position: relative;
相对定位通过指定元素相对于其正常位置移动的距离，使元素在文档流中移动。相对定位的元素仍然保留它以前所在的空间。
绝对定位
position: absolute;
绝对定位的元素不再占据文档流中的空间，而是相对于其最近的已定位祖先元素（如果没有已定位祖先元素，则相对于文档的初始包含块）进行定位。绝对定位的元素可以通过设置 top、right、bottom 和 left 属性来确定其位置。
固定定位
position: fixed;
固定定位的元素与绝对定位类似，但是它们相对于浏览器窗口而不是其最近的已定位祖先元素定位。固定定位的元素不受页面滚动影响。
以上三种定位方式在布局设计中都有其重要的应用。一些常见的技巧如：导航栏固定在页面顶部，轮播图轮播时的定位效果等等。通过灵活运用这些定位方式，可以帮助大家更加方便、高效地实现页面布局效果。