css之定位

最近做了几个简单的网页，发现定位真的非常好用，下面我来总结下定位的使用方法。

定位：position
首先我们一起来看看定位的基本思想：它允许你定义的元素框相对于其正常位置应该出现的位置，或者相对于父元素，另一个元素甚至浏览器窗口本身的位置。

定位：绝对定位，相对定位，固定定位。
①position：static
元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。

②position：relative
        元素框偏离某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。
   用来给元素（标签）进行位置微调，给绝对定位做参考（子绝父相）
   相对定位的元素在进行位置移动时，是相对于自己原来的位置进行移动。

③position：absolute
        主要用来让元素进行“肆无忌惮”的位置移动。
   绝对定位的元素进行移动，如果有父元素，那么要看一下父元素本身是否具有定位属性（相对定位/绝对定位/固定定位），如果有，就以当前父元素为参考，如果父元素没有定位属性，那么就继续向上找。
    绝对定位可以让网页结构更加的稳定。

 ④position：fixed
        元素移动参考以浏览器窗口为准。