CSS是Cascading Style Sheets（层叠样式表）的缩写。作为前端开发者，我们经常使用CSS来控制网页的外观和布局。其中，控制div位置是CSS的一个基本功能。 我们可以通过CSS中的position属性来控制div的位置。position属性有四个值：static、relative、absolute和fixed。当position的值为static时，元素的位置按照文档流中的顺序摆放，不受其他CSS属性的影响。这是position的默认值。 如果我们要使div在当前文档流之外进行定位，可以将position的值设为relative。在此基础上，我们可以通过设置top、bottom、left和right属性来控制div的位置。例如，下面的代码将div元素的左侧边距与包含它的元素的左侧边距相距50像素：

div {
position: relative;
left: 50px;
}

如果我们要让div元素相对于文档的左上角进行定位，可以将position的值设为absolute。此时，我们需要为div元素指定left、top、right和bottom属性。例如，下面的代码将div元素的左上角与文档的左上角相距50像素：

div {
position: absolute;
left: 50px;
top: 50px;
}

最后，如果我们要使元素相对于视口进行定位，可以将position的值设为fixed。这时，我们也需要为元素指定left、top、right和bottom属性。例如，下面的代码将div元素固定在视口的右下角：

div {
position: fixed;
right: 0;
bottom: 0;
}

总之，通过position属性和相应的left、top、right和bottom属性，我们可以控制div元素在网页上的位置。在实际开发中，还有其他CSS属性可以配合使用，如z-index、margin和padding等，可以使我们更好地掌控div元素的位置和布局。