通过css 让div通过页面的滚动而浮动

您可以使用 CSS 的 `position` 属性和 `top` 属性来实现让 `<div>` 元素在页面滚动时浮动的效果。

首先，将 `<div>` 的 `position` 属性设置为 `fixed`，这样它的位置将相对于浏览器窗口固定不变。然后，使用 `top` 属性来设置 `<div>` 距离顶部的距离。

下面是一个示例代码：

<style>
  .floating-div {
    position: fixed;
    top: 50px; /* 距离顶部的距离 */
    width: 200px;
    height: 100px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
  }
</style>

<div class="floating-div">
  这是一个浮动的 <div> 元素
</div>

在这个示例中，`.floating-div` 类被应用于要浮动的 `<div>` 元素上。`top: 50px;` 将使 `<div>` 距离顶部 50 像素。

您可以根据需要调整 `top` 属性的值来改变浮动元素的位置。