CSS中position属性总结笔记

写了好多的position，一直在用它们字面的意思，最近项目写到的position的问题，竟然又出问题了。。总结一下：

1. positon:static; 静态定位（默认的 ）
　　这个是默认的，写不写都会是这个定位，所有的标准文档流里面的元素都是静态定位。

2. positon:relative; 相对定位 　　相对定位不会使有该属性的元素脱离标准文档流 　　相对定位会在页面原始的位置占据位置，而元素的位置会根据原始的位置进行偏移。 　　 　相对定位的作用一般是用来给子元素的绝对定位提供参考的。

3. position:absolute; 绝对定位 　　绝对定位会使有该属性的元素脱离标准文档流 　　特点：

	 如果这个元素没有父元素，top、left、right、bottom就相对于浏览器窗口来定位
	 如果绝对定位的元素有父元素，且父元素没有相对定位，top、left、right、bottom相对于浏览窗口来定位
	 如果绝对定位的元素有父元素，且父元素有定位（非static），top、left、right、bottom以父元素为基础偏移
	 绝对定位之后的元素在页面上不会占据位置

4. position:fixed; 固定定位 　　固定定位会使有该属性的元素脱离标准文档流 　　位置不变，适用于广告或者飘窗

总结：写页面时，用到最多是绝对定位与相对定位一起使用，较多的是子元素使用绝对定位，父元素使用相对定位