absolute与width和height

width、height属性优先级高于left、top、right、width

即使父级容器的height是auto，只要容器是绝对定位拉伸形成，百分比高度值也是支持的

left、right同时设置时会拉伸absolute元素

absolute与width和height：

1、绝对定位拉伸

.overlay{  

   position：absolute；

   left:0;

   top:0;

   right:0;

   bottom:0;

}

或

.overlay{  

   position：absolute；

   left:0;

   top:0;

   width:100%;

   height:100%;

}

都可以实现满屏自适应效果

2、absolute的翅膀拉伸和width/height是可以相互替换的，如：

position:absolute；left:0；top:0；width:50%；

等同于

position:absolute；left:0；top:0；right:50%；

但是只有IE7+才支持

3、容器不需要固定width、height值，内部元素也可以拉伸

4、容器拉伸，内部元素支持百分比的width、height值

5、当拉伸与width/height尺寸同时存在时，如

position：absolute；

top：0； left：0；right：0；

width：50%；

实际宽度是50%，而不是100%

6、当尺寸限制、拉伸以及margin：auto同时出现时，就会有绝对定位元素的绝对居中效果

但是只有IE8+才支持

绝对居中效果

绝对定位拉伸

绝对定位方向是对立的（如left vs right, top vs bottom）的时候，content area拉伸

absolute与宽高

绝对定位与自适应容器：

width/height与left/top/right/bottom同时存在，会怎样？

width/height设置的尺寸大于left/top/right/bottom拉伸的尺寸