有两种方法，①z-index法②relative法
工具/原料
1
notepad++
2
带浏览器的计算机一台
z-index方法
1
首先如图有
one和two 我们要让two覆盖到one上
2
static是默认值，用来消除对父元素的继承（pass） ralative，起始位置是原来位置，然后用top、bottom、left、right改变位置，但是原来的位置会空一块出来，如图
3
two加上z-index,同时父元素脱离文件流设为absolute就好了
4
上图看来有点问题，但我们不给父元素设置背景色就好了
relative方法
1
absolute,起始位置是第一个不为默认位置的父元素，然后用top、bottom、left、right改变位置 two设为absolute，父元素加上relative
2
fixed，起始位置是窗口，然后用top、bottom、left、right改变位置，但是会固定在窗口不随滚动条运动，不符合要求 sticky，原本是static，滚动条到一定位置是fixed，也不符合要求
注意事项
1
relative方法不加父元素也行，个人感觉以窗口做起始位置不太好用
2
关键点是脱离文件流absolute
3
我现在喜欢relative方法
下一篇：怎样使屋子变得更宽敞
推荐信息
- 1
如何做才能做到骑车安全
- 2
雾霾有哪些危害，雾霾如何防护
- 3
雾霾大作战，雾霾如何抵挡？
- 4
春天如何防止柳絮引起的过敏？
- 5
泥石流来临如何逃生
- 6
冰雪天如何防寒与保暖
- 7
文松如何养护
- 8
冬季该如何户外健身？
- 9
该如何预防孩子秋季感冒
- 10
如何预防儿童皮肤干燥
- 11
如何让手指保持纤细灵活的手指操
- 12
手指操如何对抗失眠情绪差
- 13
如何净化室内空气?
- 14
室内如何净化空气！
- 15
【室内降温】室内如何降温
- 16
如何在室内做运动锻炼
- 17
如何确保在跑步机上安全跑步
- 18
如何做好农村整体搬迁工作？
- 19
如何做好农村整体搬迁工作
- 20
搬家如何不被坑
- 21
土豆炖鸡肉(一定要多煮点饭，否则不够吃)
- 22
不同阶段的婚礼音乐选择
- 23
新人拍摄婚纱照时注意事项
- 24
如果晚上睡觉害怕怎么办
- 25
怎么才会游泳
- 26
蛙泳手臂技术
- 27
如何能够更快的学会蛙泳
- 28
怎么样从失恋的痛苦中走出来
- 29
怎么学习蛙泳游泳？学蛙泳窍门
- 30
如何复制粘贴网页上的图片
- 31
教你如何一键下载网页全部图片
- 32
图片类型的网站该如何优化
- 33
怎样上传图片到相册第三方网站可以直接调用显示
- 34
上传图片也可直接引用网上图片而不用下载到本地
- 35
如何下载一个网站里面的图片
- 36
如何快速批量保存网页上面的所有图片
- 37
NBA联盟 NBA JAM成就解锁攻略
- 38
怎么优化图片类网站
- 39
飘窗怎么装防盗网好看
- 40
怎么在线拼接图片