很多情况下，我们需要控制更多元素的位置，切超过了浮动所能提供的范围，这时候我们就需要使用“position”属性对元素进行定位，position提供了四种定位方式：
一、relative
相对定位，相对于自身位置，使用top,left,right,bottom 属性改变元素的位置。
二、fixed
固定定位，相对于浏览器窗口进行定位，并且不会随滚动条进行滚动，始终保持在窗口的某个位置。
三、absolute
绝对定位，会脱离文档流，当存在父级元素且父级元素有相对定位时，相对于父级元素的位置进行定位，否则相对于页面的主体进行定位。
四、static
元素都具有position属性，默认值是static,static属性不接受位置属性（top,right,left,bottom)值得影响，一般情况下不使用，当需要消除某元素的其他定位时，可以使用static属性。
