html中的绝对定位偏移问题处理

html中的绝对定位偏移问题处理

      问题图：

     

  问题原因：

  img元素作为绝对元素，相对于外层div定位，未设置定义位置，

 会偏移相对元素的位置。

 

  问题代码：

 

#wrap .pic{    width: 100%;    height: 100%;    position: relative;    cursor: pointer;}#wrap .pic img{    position:absolute;      width: 100%;    height: 100%;}

   

  解决方法：

  设置相对元素的top、left、right、buttom

  确定相对元素的定位位置。

 实现代码：

 

#wrap .pic{    width: 100%;    height: 100%;    position: relative;    cursor: pointer;}#wrap .pic img{    position:absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}

  实现效果图：