css定位

relative: 相对定位，可以根据 left、right 等属性将元素从原来位置平移，但是无论是否进行移动，元素仍然占据原来的空间。

　　　　　　　　  

　　　　　　　　

 

 

　　　　　 相对定位可以将元素从不定位元素成为定位元素，供其子元素绝对定位的参照物。

　　　　  可以使用 z-index 元素来决定哪个元素覆盖哪个元素。

　　　　  　　 没有用使用定位时 z-index 不起作用

　　　　　　　　

　　　　  　　 使用了定位

　　　　　　　　

 

absolute: 绝对定位，元素将会从正常的文档流中脱离出来。

　　　　　　  　

 

　　　　　absolute定位的参照物为与该元素最近的祖先（直系），且祖先为定位元素（position不是默认的static）。

　　　　　　　　

　　　　　如果所有的祖先都为非定位元素，那么参照物为浏览器的可视窗口（不包含滚动条）。

 　　　　　　  

 

 

fixed: 固定定位，元素将会从正常的文档流中脱离出来。

　　　 参照物为浏览器的可视窗口，元素不随着滚动条而滚动。