CSS的三种定位方式

1.静态定位，position:static;是元素的默认的定位方式，简单的地按照文档的普通流动，top和left属性无效。
2.相对定位，position:relative;元素还是会按照文档的普通流动，但是，top和left属性的值会使得它相对它本来应该的位置作偏移。
3.绝对定位，position:absolute;元素完全跳出页面布局的普通流动，它会相对于它的第一个非静态定位的祖先而展示。如果没有这样的祖先，则相对于整个文档。

4.固定定位，position:fixed;元素相浏览器窗口而定位。它会忽略浏览器的滚动条，一直可见的！

例子：见附件