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后大小随着子元素改变

原文地址:https://www.cnblogs.com/tu-l/p/5238464.html