kann den Abstand zwischen zwei horizontalen divs innerhalb von div nicht eliminieren

7

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%     
wantTheBest 27.11.2011, 01:42
quelle

5 Antworten

3

Versuchen Sie Folgendes:

%Vor%     
Nick Zimmerman 27.11.2011, 01:47
quelle
14

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.

    
Juan Lanus 03.05.2013 22:19
quelle
11

Verwenden Sie die Eigenschaft float .

Beispiel mit div { float: left; } : Ссылка .

    
GG. 27.11.2011 01:44
quelle
4

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%     
HulkingUnicorn 10.03.2014 03:13
quelle
1

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.

festzulegen

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.

    
sel-en-ium 11.05.2017 22:47
quelle

Tags und Links