一、定位

定位有相对定位、绝对定位和固定位置，

绝对定位是相对于浏览器边框或父级；相对定位是相对于原来位置移动；固定位置相对于浏览器边界，

 

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轴的区别。表示一个元素在叠加顺序上的上下立体关系。