如何使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轮播图怎么制作
  • 热门搜索
    最快最有效的减肥方法 南京旅游攻略一日游 漳州东山岛旅游攻略 红烧土豆 太白山攻略 怎么减肥啊 我的世界暮色森林攻略 香蕉醋减肥法 刷牙牙龈出血是怎么回事 马甲搭配