CSS对位是CSS中一个很重要的概念，它可以帮助我们更精确地定位和控制网页中的元素。

对位主要通过CSS中的属性和选择器来实现，下面是一些常用的对位方式：

/* ID选择器 */
#div1 {
position: absolute;
top: 100px;
left: 100px;
}
/* 类选择器 */
.box {
width: 200px;
height: 200px;
position: relative;
}
/* 后代选择器 */
.box p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 子元素选择器 */
.box >ul {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

上面的代码演示了一些常用的对位方式，比如通过ID选择器指定元素的位置、通过类选择器控制多个元素的样式，以及使用后代选择器、子元素选择器来进一步精确定位元素。

总的来说，精确的对位可以让网页更加美观、易用和易读，同时也是CSS工程师必备的技能之一。