有两种方法,①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
冰激凌坏蛋攻略第19关
- 29
高跟鞋不同部位的磨损判断姿势
- 30
提取坏账准备的分录
- 31
亲子阅读第一步---为女儿阅读
- 32
呆账怎么处理
- 33
怎样选购一双合脚的高跟鞋
- 34
遇到逾期、坏账与违约如何区分和处理
- 35
有哪些高颜值的高跟鞋可以推荐
- 36
选高跟鞋怎样挑选一双舒适的走路不累的高跟鞋?
- 37
恨天高算什么,这双高跟鞋穿出去回头率百分百!
- 38
洛奇英雄传手游攻略
- 39
cl鞋子如何辨别真假
- 40
用友U8坏账账务处理
