4种定位方式如下： 相对定位，绝对定位，固定定位，静态定位
相对定位： position:relative
会占用文档的初始页面。可以通过left，top，right，bottom来设置，理解相对的概念，相对与绝对定位的偏移量；
绝对定位： position:absolute
脱离了文档流，设置左上右下的距离后就一直定位在那里了，就如一张纸将名字写在开头，无法改变，但页面显示滚动条时会让它看不见；
固定定位： position:fixed
就是固定住位置，不管滚动条移动到哪里都不会改变位置，基本可以参考那种广告；
静态定位：
元素默认；
