CSS的定位以及面试常见的居中方法

定位：static、fixed、relative、absolute

static(静态定位)：基于默认的文档流；

fixed(固定定位)：基于浏览器窗口；

relative(相对定位)：基于自身元素；

absolute(绝对定位)：基于最近被设置的非静态定位的上级元素进行定位，如果没有这种上级元素，就基于浏览器的第一屏；

居中

1，position:absolute;left:50%;top:50%;tranform:translate(-50%,-50%);

2,position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;

3,display:flex;justify-content:center;algin-items:center;