CSS 定位相关属性 ：position

我们平时经常用margin来进行布局，但是遇到一些盒子不规律布局时，用margin就有点麻烦了，这个时候我们可以用position。

position：参数

参数分析： 一、absolute: 相对父元素进行定位，可以与其它盒子重叠，可以用z-index来设置重叠顺序。

二、relative：相对于其正常位置（正常文档流）进行定位，对象不可层叠。

三、fixed：相对于浏览器窗口进行定位。

四、inherit：从父元素继承 position 属性的值，需要注意的是任何的版本的 Internet Explorer 都不支持属性值 "inherit"。

五、static：默认值，没有定位。

用"left", "top", "right" 以及 "bottom" 进行位置偏移。

定位使用通常是父级定义position:relative定位，子级定义position:absolute绝对定位属性

注意：

一、同一对象position定位与float浮动不能同时使用。

二、left（左）和right（右）在一个对象只能选一种定义，bottom（下）和top（上）也是在一个对象只能选一种定义，好比一个人不能又高又矮一样。

但有一种情况例外，那就是在不指定高度的情况下，同时使用top和bottom的话，盒子将会铺满个整个页面