如何使html中两个div块重叠

 时间:2026-04-23 08:27:31

1、首先如图有<div>  one和two


我们要让two覆盖到one上

如何使html中两个div块重叠

如何使html中两个div块重叠

如何使html中两个div块重叠

2、static是默认值,用来消除对父元素的继承(pass)


ralative,起始位置是原来位置,然后用top、bottom、left、right改变位置,但是原来的位置会空一块出来,如图

如何使html中两个div块重叠

如何使html中两个div块重叠

如何使html中两个div块重叠

3、two加上z-index,同时父元素脱离文件流设为absolute就好了

如何使html中两个div块重叠

如何使html中两个div块重叠

如何使html中两个div块重叠

4、上图看来有点问题,但我们不给父元素设置背景色就好了

如何使html中两个div块重叠

如何使html中两个div块重叠

1、absolute,起始位置是第一个不为默认位置的父元素,然后用top、bottom、left、right改变位置


two设为absolute,父元素加上relative

如何使html中两个div块重叠

如何使html中两个div块重叠

如何使html中两个div块重叠

2、fixed,起始位置是窗口,然后用top、bottom、left、right改变位置,但是会固定在窗口不随滚动条运动,不符合要求


sticky,原本是static,滚动条到一定位置是fixed,也不符合要求
  • HTML怎么将插入的图片设置固定尺寸大小
  • html字间距怎么设置
  • html鼠标悬停变色
  • html图片如何居中
  • html轮播图怎么制作
  • 热门搜索
    右肾囊肿是怎么回事 恋爱保险怎么买 左肾囊肿是怎么回事 文竹怎么养 生菜怎么做好吃 坐便器漏水怎么修 麻辣烫怎么做 水滴怎么画 总胆红素高是怎么回事 白带褐色怎么回事