position 定位
开发工具与关键技术：Adobe Dreamweaver CC 2017
作者：杨镇虹
撰写时间：2019.03.28
一、学前端认识到的position定位分别有以下三大属性定位: fixed(固定定位) absolute(绝对定位) relative(相对定位)
1、Html布局 我给它设置的三个盒子 如下图1
图1
2、fixed(固定定位) 固定定位如果没有给它设置top值默认的是固定在顶部的，如果给它设置top值上边距，就像如图1我给这个盒子设置的top值上边距100px个像素它就距离顶部100px你给它设置多少像素它就离顶部距离多少,同样你给它top：0 left：0（right，bottom）上、下、左、右 设置多少它就固定位置在哪里 不会移动的这就是固定定位
代码块图2
图2
3、 absolute(绝对定位) 假如给它一个大盒子装着一个小盒子，这个小盒子给它absolute(绝对定位)它就会以大盒子的左上角为中心，你不给这个小盒子设置top；left；right；bottom值它就会默认为0；一般以屏幕为左上角为中心，也可以给它设置top；right；left；bottom；值来按情况来进行改变它所在的位置
图3
4、 relative(相对定位) 如果你没给它设置top；right；left；bottom；属性值，它就相对于自己所在的位置来进行的一个定位，也可以给它设置top；right；left；bottom；属性值来给它进行改变位置
图4
5、 position定位都可以用top；right；left；bottom；属性值来改变它的所在位置