CSS是前端开发中的重要组成部分，它可以将页面进行样式美化。在Web中，div是最常用的元素之一。它是页面上的块级元素，可以用于分组不同的内容，并进行样式美化。那么，如何让div移动位置呢？

上面是一个空的div元素。为了让它移动位置，我们可以使用CSS中的position属性。position有三种值：

• static：元素的位置按照文档流的方式排布
• relative：元素的位置相对于它原本的位置进行移动
• absolute：元素的位置相对于父元素的位置进行移动

下面是一个使用relative属性让div移动位置的例子：

.box {position: relative;top: 50px;left: 100px;}

上面的代码中，我们将.box元素的position属性设置为relative，然后通过top和left属性分别将它向下和向右移动了50px和100px。

如果我们将元素的position属性设置为absolute，就可以将它定位在父元素的指定位置。例如：

.parent {position: relative;width: 500px;height: 300px;}.box {position: absolute;top: 50px;left: 100px;}

上面的代码中，我们在.parent元素中创建了一个.box元素，并将.parent的position属性设置为relative。然后，我们给.box元素设置了position:absolute和top、left属性。这时，.box元素的位置就相对于.parent元素的位置进行定位了。

总之，通过CSS中的position属性和top、left属性，我们可以轻松地移动div元素的位置，让页面更加美观。