CSS固定定位：让元素浮动在页面上，滚动时保持位置

使用 CSS 的 position: fixed 属性可以将一个元素固定在页面上，使其不随页面滚动而改变位置。

1. 首先在 CSS 中设置该元素的 position 属性为 fixed，这样该元素就会相对于浏览器窗口固定在一个位置。

.element {
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
}

2. 在上面的代码中，我们设置了元素的 top 属性为 100px，这样它就会距离浏览器窗口顶部 100px 的位置。同时，我们还设置了 left 属性为 50%，这样该元素就会水平居中。为了让元素完全居中，我们还设置了 transform 属性来对元素进行水平平移。

3. 最后，我们可以根据需要设置元素的宽度、高度、背景色等属性，以及在 HTML 中添加该元素的内容。

<div class='element'>
  <p>这是一个浮动在页面上的元素</p>
</div>

这样就能实现一个浮动在页面上的元素了，它不会随页面滚动而改变位置，始终保持在固定的位置。