定位分为：相对定位，绝对定位，窗口定位，继承定位，默认定位5种
1.相对定位：position：relative；
相对自己进行定位，相对定位不会影响原来的位置，显示的元素会变位置
left |
左边 |
right |
右边 |
top |
上面 |
buttom |
下面 |
注意：left 和 right 只能选一个，top 和 bottom 只能选一个
z-index: z轴，z轴支持负数
2.绝对定位：position：absolute；
根据有定位的父元素进行定位，如果父元素没有定位，那就会找到最外层的元素，直到html标签，脱离标准流，原来的位置不会留着。
3.窗口定位：position：fixed;
根据窗口进行定位只会根据窗口，不看父级
有滚动条的话窗口定位会一直跟着走，绝对定位的话是不会跟着窗口走的
4.继承定位：position：inherit；
继承父级的定位，父级是什么定位就是什么定位
5.默认定位：position：static
默认值没有定位
display：控制元素的显示
display: none;###让原来的元素进行消失，位置不会进行保留
display：block；###让元素变成块状元素
display:inline;###让元素转成行内元素
display: inline-block;###行内块元素，横着码，不独占一行，支持宽高
元素百分比单位：%相对单位，看父级元素去计算的，最后会折合成像素去显示
全屏的话就使用100%