<div>元素的定位可以使用CSS的position属性来控制。position属性有几个可选值，包括：
static（默认值）：元素在正常文档流中定位，不进行特殊的定位。这是<div>元素的默认行为。
relative：元素相对于其正常位置进行定位，通过指定top、right、bottom、left等属性来调整位置。相对定位不会脱离正常文档流，其他元素仍然会占据它原本的位置。
absolute：元素相对于其最近的已定位（非static）的父元素进行定位，或者相对于文档的初始包含块进行定位。通过指定top、right、bottom、left等属性来精确定位。绝对定位会脱离正常文档流，其他元素不会占据它的位置。
fixed：元素相对于视口进行定位，即使页面滚动，它也会保持固定位置。通过指定top、right、bottom、left等属性来确定位置。
下面是使用不同定位方式的示例：
HTML：
<div class="container">
<div class="box-static">Static</div>
<div class="box-relative">Relative</div>
<div class="box-absolute">Absolute</div>
<div class="box-fixed">Fixed</div>
</div>
CSS：
.container {
position: relative;
}.box-static {
/* 默认static定位 */
}
.box-relative {
position: relative;
top: 20px;
left: 20px;
}
.box-absolute {
position: absolute;
top: 50px;
left: 50px;
}
.box-fixed {
position: fixed;
top: 100px;
right: 20px;
}
在上述示例中，.container具有position: relative;，这样在.box-relative中的相对定位将相对于.container进行调整。
.box-static是默认的static定位，没有添加任何特殊的定位样式。
.box-relative使用相对定位，并通过top和left属性向下和向右偏移了20个像素。
.box-absolute使用绝对定位，并通过top和left属性定位在父容器的50像素和50像素的位置。
.box-fixed使用固定定位，并通过top和right属性定位在距离视口顶部100像素和右侧20像素的位置。
这些是使用CSS的position属性来控制<div>元素定位的示例。你可以根据需要选择合适的定位方式，并结合其他CSS属性来实现所需的布局效果。