如何使html中两个div块重叠

 时间:2026-02-15 00:14:05

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轮播图怎么制作
  • 热门搜索
    篮球运动员孙悦 什么牌子的面膜好 毛尖的功效与作用 唐代古文运动 航空知识 我的什么作文600字 运动腰包 减肥方法运动 运动会致辞 日什么月什么成语