本节简介：元素相对定位、绝对定位、固定定位的属性设置及实际应用
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
固定定位 position:fixed 固定在页面位置不动 原位置没有
相对定位的父级加个定位position:relative比较适合
绝对定位 position:absolute 根据父级位置进行偏移 *父级要有定位属性 原来位置不存在
相对定位 position:relative right top:** 在自己原有位置上进行偏移
给父级一个position:relative相对位置属性
添加position绝对定位后 原来的位置不存在了
相对定位 根据自己原有的位置进行偏移 原有位置依然存在
相对定位position:relative 绝对定位 position:absolute
固定定位：相对于浏览器窗口，原位置不保留，使其垂直方向居中，top50%，margin-top:-元素高的一半
absolute绝对定位：相对父级，父级有定位 属性，原位子不保留，相当于悬浮，父级相对定位，子级绝对定位
relative相对定位：已自己为基准偏移，原位置保留，left为正值即相对原元素向右偏移（偏移后新元素向左偏移可回原位子）
position：fixed 固定定位 例如左侧不滚动侧栏的应用