视频笔记：定位

元素如果没有脱离标准文档流，在设置margin-top（可为负值）时，元素下面的
元素也会移动；

相对定位(position:relative;)
1.不影响元素本身的特性；
2.不会让元素脱离标准文档流；
3.如果不设置偏移量，对元素没有任何影响；
4.定位元素方向控制：top/bottom/left/right;
5.相对定位是相对于自己最开始的位置（相对于自己）进行了偏移；
6.偏移量可正可负；
eg:
position：relative;
top:50px;（距离顶部50px）
left:50px;（距离左边50px）

绝对定位（position:absolute;）
1.使元素脱离文档流；
2.如果用在内嵌元素上，会使元素支持宽和高；
3.块属性标签内容撑开宽度；
4当多个元素定位，默认后面的元素层级高于前面的元素（覆盖）；
5.可以用z-index属性定义层级，层级大的覆盖层级小的；
6.绝对定位是相对于页面窗体大小来发生偏移的；
7.如果当前元素是绝对定位，
有父级元素定位(无论是相对定位还是绝对定位)
发生偏移，则当前元素就相对于最近的父级（以及父级以上的父级）元素发生偏移，
没有则相对于整个窗体发生偏移；
8.相对定位一般配合绝对定位使用；

固定定位（position：fixed;IE6以下不支持）
1.使元素脱离文档流；
2.如果用在内嵌元素上，会使元素支持宽和高；
3.块属性标签内容撑开宽度；
4.固定定位不会随着滚动条滚动；
5.固定定位不受自身父级的影响，
自会固定在当前窗体的某一个位置；

其它定位：position:static;默认值
position:inherit;从父级继承；//一般不用
定位问题：
position：relative;
在IE6下父级一定包住子级，子级会把父级给撑开；
在其他浏览器下子级多余部分将溢出；在IE6下父级的
overflow是包不住子级的相对定位（relative）；
解决办法：把父级元素变为定位元素；

position:absolute;

在 IE6 下定位元素的父级宽高都为奇数那么在
IE6 下定位元素的 right 和 bottom
都有1像素的偏差。

position:absolute;
绝对定位元素子级的浮动可以不用写清浮动方法；

position:fixed;
固定定位元素子级的浮动可以不用写清浮动方法；
（IE6不兼容）

如果子级有浮动，父级将包不住；