CSS中的position属性可以用来控制元素的定位方式。具体包括relative（相对定位）、absolute（绝对定位）、fixed（固定定位）和sticky（粘性定位）等几种方式。

{
position: relative;
left: 100px;
top: 50px;
z-index: 1;
}

相对定位是指元素相对于其原来所在的位置进行定位。在上面的代码中，relative定位后，该元素从左侧向右平移100像素，从上方向下平移50像素。

{
position: absolute;
left: 100px;
top: 50px;
z-index: 1;
}

绝对定位是指元素相对于其最近的已定位的祖先元素（通常为父元素）进行定位。在上面的代码中，absolute定位后，该元素相对于其父元素定位，从左侧向右平移100像素，从上方向下平移50像素。

{
position: fixed;
top: 0;
left: 0;
z-index: 1;
}

固定定位是指元素相对于浏览器窗口进行定位，常用于制作悬浮导航栏等效果。

{
position: sticky;
top: 0;
z-index: 1;
}

粘性定位是指元素在滚动到一定位置后，变为固定定位。在上面的代码中，sticky定位后，该元素在向上滚动时保留在顶部，但是当它与区域底部接触时，它仍然长时间保持在原位。

理解并正确使用这些定位方式，可以让我们更好地定位和排列网页内容，实现更丰富多彩的布局效果。