position定位

一、理解文档流和脱离文档流

我们在写tab切换的时候，如果其他的tab的内容是脱离了文档流，那么则会重叠在页面中。

二、定位的类型

1. static 静态定位也就是默认的定位，如果不指定position则为该值，该值是符合文档流的，文档流是不会对RBTL以及z-index生效果的
2. relative相对定位，相对本身元素内容而言，这个是脱离了文档流的，但是原来元素依旧是占用了文档流的，只不过是不可见，如果本身元素具有padding，则也会影响relative定位的效果。
3. absolute绝对定位，在绝对定位中是相对于父元素（非static）而言,如果没有非static的父元素则依浏览器进行定位，不管padding的内容，就是以父元素的左上角而不是内容
4. fixed浏览器定位，是以浏览器进行定位的，如果浏览器改变，则也会进行变换，如果没有指定LR则水平，没有指定TB则垂直