如何将移动的div限制在包含的div中？

要将移动的div限制在包含的div中，可以使用CSS的position属性和overflow属性来实现。

首先，确保包含的div具有相对定位（position: relative），这样移动的div将相对于包含的div进行定位。

然后，给包含的div设置一个固定的高度和宽度，以限制移动的div在这个范围内移动。

接下来，给移动的div设置绝对定位（position: absolute），并使用top、bottom、left、right属性来控制其位置。

最后，如果移动的div超出了包含的div的范围，可以使用overflow属性来控制溢出内容的显示方式。例如，设置overflow: hidden可以隐藏超出范围的内容，设置overflow: scroll可以显示滚动条。

以下是一个示例代码：

HTML:

<div class="container">
  <div class="movable"></div>
</div>

CSS:

.container {
  position: relative;
  width: 300px;
  height: 200px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.movable {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: #f00;
  top: 50px;
  left: 50px;
}

在这个示例中，container是包含的div，设置了宽度和高度，并使用overflow: hidden来隐藏超出范围的内容。movable是移动的div，设置了宽度和高度，并使用top和left属性来控制其位置。

这样，移动的div就会被限制在包含的div中，超出范围的部分将被隐藏。