样式问题:子div怎样固定在父div可观测地区的位置

A
  • 30

运行效果图
当前红色的小块不会一直固定在父div显示区域的头部,会随着父类的滚动消失不见。
我需要它能像fixed一样,一直在top,不受滚动影响。要求:不能用sticky。因为用来它之后会在页面中占一块位置。
image.png

<div style="position: relative;width: 300px;height: 400px;overflow-y: auto">
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <p>1</p>
      <div style="position: absolute;top:0;height: 40px;width: 40px;background: red">

      </div>
    </div>

补充:层级关系不能改,位置啥的也不能都。希望只用纯css实现效果!

回复
阅读 363
3 个回答

弄成背景 background-attachment: fixed; ?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏