div元素的位置可以通过CSS的position属性来控制。position属性有几个不同的值，每个值会对元素的定位产生不同的效果。以下是一些常用的position属性值及其对应的效果：
1、static（默认值）：元素的位置按照正常的文档流排列，不受其他定位属性的影响。
2、relative：元素的位置相对于它在正常文档流中的位置进行偏移。可以使用top、right、bottom和left属性来指定相对于其正常位置的偏移量。
div {
position: relative;
top: 10px;
left: 20px;
}
在上述代码中，div元素的位置相对于其在正常文档流中的位置向下偏移10像素，并向右偏移20像素。
3、absolute：元素的位置相对于其最近的非static定位的祖先元素进行定位。如果没有非static定位的祖先元素，则相对于初始包含块进行定位。同样，可以使用top、right、bottom和left属性来指定相对于祖先元素的偏移量。
div {
position: absolute;
top: 50px;
left: 100px;
}
在上述代码中，div元素的位置相对于其最近的非static定位的祖先元素进行定位，向下偏移50像素，向右偏移100像素。
4、fixed：元素的位置相对于视口进行定位，即不随页面滚动而变化。同样，可以使用top、right、bottom和left属性来指定相对于视口的偏移量。
div {
position: fixed;
top: 20px;
right: 30px;
}
在上述代码中，div元素的位置相对于视口进行定位，向下偏移20像素，向左偏移30像素。
这些只是一些常用的position属性值，你可以根据需要选择适合你的情况的定位方式。此外，还可以结合其他CSS属性，如z-index、display和float等，进一步控制div元素的位置和布局。