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.粘性定位)兼容性有問題，不是所有游覽器都支持。