关于css中定位的使用

1.position：relative——相对定位

  这个定位使得元素没有脱离文档流，还是在原来的位置，上下左右一个的参照物是其自己本身。

2.position：absolute ——绝对定位

  这个定位的使用是将元素脱离文档流，会使内容移动到其最近的已定位的祖先元素，如果其无已定位的祖先元素，则会移动到浏览器左上端。

  example：

  (1)图片文字混排的时候，如果是将文字放置在图片上方，常用的方法就是，将图片做为单独元素插入，并为其设定relative定位，然后将文字段落设置为absolute定位。

   (2)将图片作为元素背景添加,然后将文字等内容放置上部.