如何用纯css代码让div浮动在页面最上层？

可以使用CSS的z-index属性，z-index的数值越大，元素就越靠前。

例如：

  <style>
    .floating-div {
      position: absolute; /* 使用绝对定位 */
      z-index: 9999; /* 设置较高的z-index值 */
      top: 50px; /* 设置距离顶部的距离 */
      left: 100px; /* 设置距离左侧的距离 */
      width: 200px; /* 设置宽度 */
      height: 100px; /* 设置高度 */
      background-color: red; /* 设置背景颜色 */
    }
  </style>
  <div class="floating-div">
    我是一个浮动在最上层的div元素。
  </div>