css position

文档流布局：

将窗体自上而下分成一行一行，块级元素从上至下、行内元素在每行中从左至右的顺序依次排放元素

窗口：浏览器的可视区域

postion定位涉及的top，bottom，left，right，z-index

在原先的位置，按照top，right，bottom，left的顺序削出来一块区域
如果发生冲突,左右取左,上下取上

position:static静态局部：html的默认布局，即文档流布局

position:fixed固定布局：相对浏览器窗口进行定位

position:relative相对布局：相对自己原来的位置进行布局

该元素按照正常文档流，应该在位置a，设置position为relative后，根据top/right/bottom/left/z-index 从位置a移动到另一个位置。

position:absolute绝对定位：相对第一个非static定位的父元素【默认都是static】进行定位。

当所有的父元素都是static时，它会相对于文档定位(相对body标签定位)。