如何更改div在媒体屏幕中的位置

要更改div在媒体屏幕中的位置，可以使用CSS的定位属性来实现。常用的定位属性有相对定位（relative）、绝对定位（absolute）和固定定位（fixed）。

1. 相对定位（relative）：相对于元素在文档流中的位置进行定位，通过设置top、right、bottom和left属性来调整元素的位置。例如，将div相对于其原始位置向下移动20像素：

div {
  position: relative;
  top: 20px;
}

1. 绝对定位（absolute）：相对于最近的已定位祖先元素进行定位，如果没有已定位的祖先元素，则相对于文档的body元素进行定位。通过设置top、right、bottom和left属性来调整元素的位置。例如，将div相对于其父元素向右移动50像素：

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

1. 固定定位（fixed）：相对于浏览器窗口进行定位，元素的位置在滚动时不会改变。通过设置top、right、bottom和left属性来调整元素的位置。例如，将div固定在屏幕右下角：

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

以上是常用的定位属性，根据具体需求选择适合的定位方式来改变div在媒体屏幕中的位置。