我写过一篇专门介绍 position 的博文，建议题主一读：

《详解 CSS 属性 - position》

position 你要理解绝对和相对，去问下度娘的解释吧 父和子的关系

看文字性的东西很难，试着写一个demo,把position属性相关的值一个个写一个，看效果理解知识点是最容易的。position

我的看法是，布局不用纠结，根据使用场景选择合适的方式
比如，我最近刚学习的新技能http://segmentfault.com/q/1010000000535323

float是从上往下，从左往右这样平铺式布局，position相当于在原有的布局基础上贴了一块补丁在上面，想往哪儿贴就往哪儿贴，如非特殊需要，用float就行了

本来一个块是会占据父块的全部横向空间，即使不够长也会使用margin补够长度，float会消除margin，使块依次浮动在左或者右边，而position则根据不同，relative,absolute然后加上外层有position属性的元素来定位，left,right,bottom,top你想往哪移动就往哪里移动啦

float是随波逐流，跟着前面的走，或者跟着指挥走，或左，或右。
position是自由，像在哪在哪，想靠top，想靠left,想靠bottom，想靠right.