1. 绝对定位
绝对定位是将元素放置在页面背景上的特定位置。使用绝对定位时，需要指定元素的绝对位置，例如：
div {
position: absolute;
top: 100px;
left: 200px;
这将把元素放置在页面上的“100px”位置，“200px”位置处。可以通过更改这些值来控制元素的位置。
2. 相对定位
相对定位是将元素相对于其最近的非空子元素进行定位。使用相对定位时，需要指定元素的相对位置，例如：
div {
position: relative;
top: 100px;
left: 200px;
这将把元素相对于其最近的非空子元素(通常是第一个非空子元素)进行定位，并将其放置在“100px”位置，“200px”位置处。可以通过更改这些值来控制元素的位置。
3. 伪元素
伪元素是一种CSS技术，可以用来创建动态的HTML元素。使用伪元素时，可以通过在伪元素中指定CSS属性来控制其样式和位置。例如：
div {
display: inline-block;
width: 200px;
height: 200px;
background-color: blue;
position: relative;
span {
display: inline-block;
width: 20px;
height: 20px;
background-color: green;
position: absolute;
top: 100px;
这将创建一个“div”元素，其中包含一个“span”元素。“div”元素的宽度为200px，高度为200px，背景颜色为蓝色。而“span”元素的宽度为20px，高度为20px，背景颜色为绿色。使用伪元素时，可以通过更改伪元素的CSS属性来控制其样式和位置。
CSS定位是一种用于在HTML文档中定位元素的技术，可以用来定位页面中的不同元素，并使其在特定的位置显示。使用绝对定位、相对定位和伪元素来固定元素的位置，可以使网页的布局更加灵活和美观。