通常在拿到一个页面 的设计在进行结构化之前，即是写一份完整而可用的纯html文档，是不是会发现有很多奇怪的需求呢？一个icon或图片要飘在某个区域的一个角落，显然它已经偏移了这个区域的内容范围，或者一个居右的更多或者回到页首，那么你是如何规划自己的html文档结构的呢？
回到标题，相对还是绝对，position的属性为我们解决这样的问题提供了很大的方便，解释下着两个属性，顾名思义可以理解，而其中有另外一个逻辑是，绝对的上一个节点如果是相对，那么该绝对节点会以相对的节点为参照物，如果不是，则以窗体body为参照物。
举个例子
HTML:
I’m wrapper!
right,top
CSS:
#wrapper {
position:relative;
width:400px;
height:300px;
background:#ccc;
}
#content{
position:absolute;
top:-25px;
right:-25px;
width:50px;
height:50px;
background:#999;
}
看看会是什么效果的？ (代码没测试，不行告诉我，应该行)
至于具体的应用就看大家的想象力了:)
