Biegral Blog

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%;

}

  实现效果图：