8-3 定位小结

定位小结：

定位模式	是否脱标占有位置	移动位置基准	模式转换（行内块）	使用情况
静态定位static	不脱标，正常模式	正常模式	不能	几乎不用
相对定位relative	不脱标，占有位置	相对自身位置移动	不能	基本单独使用
绝对定位absolute	完全脱标，不占有位置	相对于定位父级移动位置	能	要和定位父级元素搭配使用
固定定位fixed	完全脱标，不占有位置	相对于浏览器的视口移动位置	能	单独使用，不需要父级

 

 

 

 

 

 

 

 

 

 

 

 

注意：

1. 边偏移需要和定位模式联合使用，单独使用无效；
2. top 和 bottom 不要同时使用；
3. left 和 right  不要同时使用。