Wie die Lücke zwischen Rand und backgound Bild entfernen

Question

Warum erhalte ich die Lücke zwischen der Grenze und Hintergrund:

Answer 1

Sie display:block zum Bild hinzufügen können, und es wird OK aussehen.

ohne display:block

.wrapper { 
 
    background:red; 
 
} 
 

 
img { 
 
    border:1px solid yellow; 
 
}

<div class="wrapper"> 
 
    <img src="http://i.stack.imgur.com/YIF3E.jpg" /> 
 
</div>

mit display:block

.wrapper { 
 
    background:red; 
 
} 
 

 
img { 
 
    border:1px solid yellow; 
 
    display:block; 
 
}

<div class="wrapper"> 
 
    <img src="http://i.stack.imgur.com/YIF3E.jpg" /> 
 
</div>