如何使html中两个div块重叠

2025-10-31 05:05:01

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,也不符合要求

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢