CSS 有三种基本的定位机制：普通流、浮动和绝对定位。
相对定位
是“相对于”元素在文档中的初始位置
绝对定位
的元素的位置相对于最近的已定位祖先元素，如果元素没已定位的祖先元素，那么它的位置相对于最初的包含块。
脱离文档流，他的宽高设成%的话，是它相对的 当sub1的父对象(或曾祖父，只要是父级对象)parent也设置了position属性，且position的属性值为absolute或者relative时，也就是说，不是默认值的情况，此时sub1按照这个parent来进行定位。
浮动
的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
fixed
fixed是特殊的absolute，即fixed总是以body为定位对象的，按照浏览器的窗口进行定位。positon:fixed;
这个是相对于整个页面框架去定义定位，你可以简单的理解为相对于可视区去定位，一般页面上飘来飘去的，或者浮动在顶部或右下角的小模块都是用的fixed;