div里的图片距离div下边框多3个像素的解决方法

要解决“div里的图片距离div下边框多3个像素”的问题，可以有以下几种方法：

方法一：使用负margin

可以通过给图片设置负margin来达到让图片距离下边框多出3像素的效果。具体实现如下：

<div class="parent">
  <img src="image.jpg">
</div>

.parent {
  position: relative;
  padding-bottom: 3px;
  /*保证下边框和图片保持3像素距离*/
}

img {
  position: absolute;
  left: 0;
  bottom: -3px;   /*设置负margin，让图片距离下边框多出3像素*/
}

方法二：使用padding和outline

可以给父元素设置padding来控制下边框和图片的间距，并使用outline来模拟下边框的效果。具体实现如下：

<div class="parent">
  <img src="image.jpg">
</div>

.parent {
  padding-bottom: 3px; /*设置padding，让下边框和图片保持3像素距离*/
  outline: 1px solid #000; /*使用outline模拟下边框*/
}

img {
  display: block; /*让图片成为块级元素*/
  margin: 0 auto; /*设置图片居中*/
}

以上两种方法都可以解决“div里的图片距离div下边框多3个像素”的问题。具体选择哪种方法，可以根据实际情况进行选择。