1.z-index:99(固定在所有效果前面，解决固定定位效果里面有动画模块飘出来的情况，没有单位，没有小数点，可以为负数建议不要用。）
2.a标签 href里面下写#就是返回顶部。
3.绝对定位： 给块级元素一个参照物语言， position:relative(参照物)
position:absolute;（绝对定位）
4.做返回顶部的固定框#
.ad{
background-color: rgba(255,0,0,.5);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
/* margin: auto; */
z-index: 100;
}
.ab{
width: 300px;
height: 300px;
background-color:#fff;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 100;
}
.box{
width: 400px;
height: 300px;
margin: 50px auto;
/* 给一个参照物 */
position: relative;
}
.box img{
width: 100%;
height: 100%;
}
.box p{
width: 400px;
height: 300px;
background-color: rgba(0,0,0,.6);
color: #fff;
line-height: 300px;
position:absolute;
绝对定位
top:0;
/* display: none; */
height: 0;
overflow: hidden;
transition: .3s;
}
.box:hover p{
/* display: block; */
height: 300px;
}
3.绝对定位显影的实现方法：
绝对定位里出现的问题当abositilut需要作为参考物的时候会出现报错，只要是定位都可以作为参照物，并不只是写relative就是参照物，解决方法：不用继续写 relative,他会参照上一个abositilut.
1.参照物既可以是相对定位，也可以是绝对定位，也可以是固定定位。
2.相对定位的用法：给绝对定位提供坐标；单独使用：占位置，没有脱离文档流，单独可以使用辅助属性，z-index left/top/bottom/right,（偏移值不占位置，永远保留原来的位置）根据自身位置变化。
3.position:static(不定位的意思，）
4.position:sticky(起到粘粘的作用，一般都是用top.粘性定位)兼容性有问题，不是所有游览器都支持。