要将一个 div 浮动到另一个 div 中，可以使用 CSS 的 float 属性。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
  .container {
      width: 300px;
      border: 1px solid #ccc;
    }

  .float-div {
      width: 100px;
      height: 100px;
      background-color: #f00;
      float: left;
    }
  </style>
</head>
<body>

  <div class="container">
    <div class="float-div"></div>
  </div>

</body>
</html>

在上述代码中，我们创建了两个 div 元素，一个是父容器 container，另一个是要浮动的子元素 float-div。我们将 float-div 的 float 属性设置为 left，使其向左浮动。

需要注意的是，浮动元素会从正常的文档流中脱离，并且后面的元素会环绕在浮动元素的周围。为了避免这种情况，可以在浮动元素的后面添加一个清除浮动的元素，例如一个空的 div 元素，或者使用 CSS 的 clear 属性。

此外，浮动元素可能会影响其他元素的布局，特别是在嵌套的情况下。因此，在使用浮动时，需要谨慎处理，并确保在需要的地方添加清除浮动的代码。