css中的定位

在css中避免不了定位，在实际开发中，关于定位模块有很多，定位有三种类型，绝对定位，相对定位，固定定位

1.绝对定位：（position：absolute）：绝对定位：使元素脱离文档流，使元素提升了半个层级

如果不指定定位父级，那么绝对定位相对于文档可视区定位

块元素：宽度不自适应，如果不设置大小，大小由内容撑开

绝对定位的父级怎么判断，要么是浮动元素，要么是定位元素

2.相对定位：相对原来位置定位, 设置相对定位的元素，如果不设置偏移量，对元素本身没有任何影响，如果设置偏移量，是相对于元素本身原来的位置发生偏移。没有使元素偏离文档流，对元素位置进行微调，最常用的就是配合绝对定位使用

偏移量关键字：top，left，right，bottom

3.固定定位：固定定位永远是相对于文档定位只有定位元素才能提升层级定位父级永远压不住绝对定位子元素