CSS是现代网页设计中最重要的技术之一，它可以让网页的元素在页面中呈现出各种不同的状态。

其中一个最常用的CSS技巧是改变元素的位置。我们可以使用下面的CSS属性来改变元素的位置：

position: static | relative | absolute | fixed | sticky;left: number | auto;right: number | auto;top: number | auto;bottom: number | auto;

static是元素默认的定位方式，元素按照在HTML中的顺序逐个排列，不受到其他定位方式的影响。

div.static {position: static;}

relative则是相对于元素在HTML中的原来位置进行定位，通过设置left、right、top、bottom值来移动相对位置，不会影响其他元素的定位。

div.relative {position: relative;left: 20px;top: 20px;}

absolute是相对于最近的非static定位的父级元素或根元素进行定位，通过设置left、right、top、bottom值来移动绝对位置，在文档流中不占据位置，会影响其他元素的位置。

div.absolute {position: absolute;left: 40px;top: 40px;}

fixed是相对于浏览器窗口进行定位，通过设置left、right、top、bottom值来移动绝对位置，在文档流中不占据位置，会影响其他元素的位置。

div.fixed {position: fixed;right: 20px;bottom: 20px;}

sticky是在元素未滚动到固定位置时与相对定位的行为相同，到一定位置后变为fixed定位，可通过设置left、right、top、bottom值来移动相对位置。

div.sticky {position: sticky;top: 0;}

通过以上方式，我们可以很容易地控制网页元素的位置，让页面达到我们想要的布局。