Warum ist zwischen <img> und anderen Elementen ein lästiger kleiner Abstand?

Wenn eine<div> oder ein anderes Element folgt einem<img>, dann erscheint ein ~ 3px Whitespace dazwischen - auch wennmargins sind null'd.

<img src="example-fractal-art.png">
<div>What is with that gap?<div>

So sieht es ausmit etwas CSS.

Jetzt ist es ziemlich einfach, hineinzuwerfendisplay: block in das CSS unddas Problem lösen. Aber warum ist es dort? Es gibt keine berechneten Ränder, Auffüllungen, Ränder oder ähnliches.

Was machen die Browser? Jemand hat es sogar angerufen"Zauber".

P.S. Alternativ ist es in einigen Fällen möglich, dies durch zu lösenLeerzeichen entfernen im HTML-Code. (Aber dasfunktioniert nicht in diesem Fall warum?)

Antworten auf die Frage(2)

Ihre Antwort auf die Frage