如何使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轮播图怎么制作
  • 热门搜索
    头发软怎么变硬 荷西怎么死的 河北美术学院怎么样 安化黑茶怎么泡 怎么折花 qq怎么解除手机绑定 伊利奶粉怎么样 密码锁怎么开 饕餮怎么读音是什么意思 苹果手机怎么充值