在html中网页可以看成一个立体的空间，一个完整的页面是由很多个页面堆积形成的，如下图所示

CSS中Position属性的四个可选值：static、absolute、fixed、relative有什么区别？

• position:static　无定位
  • 所有元素定位的默认情况，在一般情况下，我们不需要特别的去声明它
  • 但有时候遇到继承的情况，我们不愿意见到元素所继承的属性影响本身，从而可以用position:static取消继承，即还原元素定位的默认值
• position:absolute　绝对定位
  • 能够很准确的将元素移动到你想要的位置
• position:fixed　相对于窗口的固定定位
  • 元素的定位方式同absolute类似，但它的包含块是视区本身，相对于浏览器窗口进行定位。
  • 在屏幕媒体如WEB浏览器中，元素在文档滚动时不会在浏览器视窗中移动
  • 例如，它允许框架样式布局。在页式媒体如打印输出中，一个固定元素会出现于第一页的相同位置。这一点可用于生成流动标题或脚注
  • IE6不支持CSS中的position:fixed属性
• position:relative　相对定位
  • 相对定位是相对于元素默认的位置的定位
  • 设置不同的值来声明定位在哪里，top、bottom、left、right四个数值配合，来明确元素的位置