一、定位
定位有相对定位、绝对定位和固定位置，
绝对定位是相对于浏览器边框或父级；相对定位是相对于原来位置移动；固定位置相对于浏览器边界，
1 . position:fixed
锁定位置（相对于浏览器的位置），列入有些网站右下角弹幕。
2 . Position:absolite
position:absolute是将div的位置固定的，也就是用浏览器的绝对位置的显示div
3.position；ralative
绝对相对定位，他是参照父级的原始点为原始点，无父级则以BODY的原始点为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位.
relative和absolute的另外一个很重要的区别就是当被定义成absolute的对象被移出了，那么他原来的位置也就不存在了，
如果被定义成relative的对象被移出了 他原来的位置还在，别的元素就不能替代这个位置.
二.分层(z-index)
z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。