挑战百日学习计划（南宁小程序开发）第22天（position定位)

要学小程序 前端是一个必须要跨过的坎，【南宁小程序开发：www.zkelm.com】

position 定位
position定位分5个：
1.static （默认的文档流）
：由浏览器决定的，默认的排版模式 也是初始化的排版模式
2.relative sbsolute fixed

relative absolute fixed 三个属性值都有一个一个共同点，就是相当于某个基点的定位， 不同的是在于基点的不同、所以 只要理解他们的基点是什么。就很容易掌握这三个属性值

这三种定位都不会对其他元素的位置产生影响。因此元素之间可能产生重叠

relative：相对定位

relative 表示，相对于默认位置（即 static时的位置） 进行偏移，即定位基点是元素的默认位置
搭配：left top right bottom 进行便宜定位

absolute：绝对定位

absolute表示：相对于上级元素，（一般是父元素）进行偏移，定位基点是父元素。{但是有一个前提，此父元素必须不能是 static定位，否定位的基点就会变成html的根元素} 同时定位也要搭配 ：top left right bottom 四个属性进行使用

fixed：固定定位

fixed 相对的基点是html的原点，也就是浏览器的窗口作为相对基点

这样导致，元素的位置不随页面滚动而变化，就好像固定在网页一样

下一章在补充一些具体得实例做练习