Sollte einfach sein, oder? Setzen Sie einfach den äußeren Inhalt der div-Füllung auf Null, und legen Sie die beiden nebeneinander liegenden divs innerhalb des äußeren div auf margin: 0 fest, aber das hat keine Auswirkung auf den Abstand zwischen den 2 horizontalen divs. Was ich brauche, ist das rot umrissene linke Div, um das grün umrandete rechte Div zu berühren.
Trotz meiner Bemühungen, Padding und Rand zu verwenden, wird der Abstand zwischen den beiden Divs nicht verschwinden.
Ich habe viele Antworten auf SO angeschaut, aber bis jetzt hat noch niemand dieses einfache Beispiel durchbrochen - meine Geige zeigt dieses Problem bei
Und hier ist der sehr einfache Code:
%Vor%Der zwischen Ihren divs gerenderte Platz ist der whitespace (dargestellt als Punkte), collapsed, in:
%Vor%Versuchen Sie stattdessen, wie folgt zu codieren:
%Vor%und die Lücke wird verschwinden.
Der Leerraum in der Quelle zwischen Inline-Blöcken führt zu einer Lücke im Layout. Durch das Entfernen des Leerzeichens (unabhängig davon, ob es sich um ein einzelnes Leerzeichen oder Zeilenumbrüche handelt) werden die Elemente wie gewünscht berührt.
Die Formatierung des Codes kann zu geringen Kosten beibehalten werden, entweder durch Auskommentieren des Whitespace oder durch Einfügen von Whitespaces in Tags.
Kommentare verwenden:
%Vor%Zeilenumbrüche in das Tag einfügen:
%Vor%Wie @Juan Lanus in seiner Antwort sagte, ist es das Leerzeichen, das dein Problem verursacht.
Eine zusätzliche Lösung besteht darin, font-size: 0px
für das enthaltende div.
Sie müssen aber auch font-size: initial
(oder einen Wert ungleich Null) für das Child-Div festlegen, damit Sie Ihren Text immer noch sehen können.