CSS系列学习笔记（三）

定位分为：相对定位，绝对定位，窗口定位，继承定位，默认定位5种

1.相对定位：position：relative；

相对自己进行定位，相对定位不会影响原来的位置，显示的元素会变位置

注意：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%