position:absolute

<div id="abs">

  <img id="abs-img" src="img/abs.jpg"/>

</div>

1.absolute相对于临近有定位的父元素移动

2.包裹性,当id="abs"的div定位为absolute,该div的大小适应图片大小,全靠图片支撑

3.破坏性,当id="abs-img"的图片定位为absolute,其原来的位置没有了,父元素宽高改变

 

破坏性  -->  可用margin代替absolute移动

使用absolute时着重考虑其包裹性,即absolute后大小随着子元素改变

 

posted @ 2016-03-03 14:27  tu-l  阅读(165)  评论(0编辑  收藏  举报