css中的定位问题

4种定位方式如下：   相对定位，绝对定位，固定定位，静态定位

 

相对定位：   position:relative

会占用文档的初始页面。可以通过left，top，right，bottom来设置，理解相对的概念，相对与绝对定位的偏移量；

绝对定位：  position:absolute

脱离了文档流，设置左上右下的距离后就一直定位在那里了，就如一张纸将名字写在开头，无法改变，但页面显示滚动条时会让它看不见；

固定定位：   position:fixed

就是固定住位置，不管滚动条移动到哪里都不会改变位置，基本可以参考那种广告；

静态定位：   

元素默认；