Warum läuft mein Bild bei einer definierten maximalen Breite über, funktioniert aber bei einer definierten Breite einwan ⇐ CSS

[Anonymous]

Wenn ich die Breite eines Bildes so definiert habe, dass sie 100 % des übergeordneten Bilds entspricht, läuft das Bild nicht über. Aber wenn ich die maximale Breite auf 100 % der übergeordneten Breite definiere, läuft sie über. Hier ist mein einfachstes Arbeitsbeispiel:
Der HTML-Code:

Code: Select all

Image Test






[img]square.svg[/img]

Das SVG:

Code: Select all

Warum macht es das? Mein Hauptproblem ist, dass ich ein Bild habe, das manchmal größer ist als das übergeordnete Element. und wenn das Bild kleiner als das übergeordnete Bild ist, möchte ich nicht, dass es das Bild streckt, daher ist die Einstellung der Breite auf 100 % keine Option.