css布局中位置的4个属性：静态|绝对|固定|相对
从上面的语法可以看出，定位的方法有很多种，有静态的，有绝对的，有固定的，有相对的。在本教程中，我就不一一说了，只说两种最常用最实用的定位方法：绝对定位和相对定位。
绝对定位：将这种定位方式的对象拖出文档流，使用左、右、上、下等属性。使用最多的定位设置执行相对于其最近父对象的绝对定位。如果对象的父对象没有定位属性，即仍然遵循HTML定位规则，那么将根据body对象的左上角作为参考进行定位。绝对定位对象可以堆叠，堆叠顺序可以由z-index属性控制。z-index的值是一个没有单位的整数，最大的在顶部，可以有负值(目前不支持负值FF)。
相对：对象不能堆叠，会按照左、右、上、下等属性在正常的文档流中移位。也可以使用z-index分层设计。
我刚开始写风格的时候，很容易错位：绝对。经过一年的奋斗，基本上我写的风格都兼容ie、Firefox、Google、360等主流浏览器的各种版本。
Position:static是默认属性。
绝对：尽量不用左：px。右：px等属性。尽量用margin-left:多少px；这个不容易放错。
固定：是固定的。无论你的浏览器如何上下滚动，与浏览器的距离都不会改变。
相对：相对定位。
以下是演示1:
等级关系是：
要更改引用(橙色框)，效果层次如下：
引用对象是顶部元素。等级关系是：
