Elternteil div erben Kind Divs Marge

8

Es passiert nicht die ganze Zeit, aber ab und zu. Das Eltern-Div erbt die Child-Divs-Eigenschaften und wirft meine Layout-Positionierung aus dem Gleichgewicht.

zum Beispiel ist dies die html (pseudo):

%Vor%

das Css (Pseudo):

%Vor%

sollte so aussehen: div 1 das Elternteil und div 2 das Kind

div 1parent

%Vor%

nehme an, dass es keine Lücke von div 1 zu addy window gibt.

Nun, aus irgendeinem seltsamen Grund, benutze den gleichen Code oben, wenn ich Vorschau, ich bekomme das:

%Vor%

Egal was ich mache, ich bekomme immer noch diese Lücke. Wenn ich es zum Feuerwanzen nehme und an den Divs teste, div2 zeigt deutlich, dass die Marge die Positionierung der Eltern beeinflusst.

.. ich wollte ein Beispiel aufstellen, aber ... nun, es ist der eigentliche Code, damit Sie sehen können ... (so einfach wie möglich)

HTML:

%Vor%

und ich bekomme immer noch die Lücke, die ich oben in meinem Diagramm gezeigt habe. Was mich verrückt macht, ist, wie die meisten von uns, das Layout millionenfach gemacht zu haben .... ich kann DOZENS von Arbeiten aufziehen, die dieselbe Methode verwenden und keine Probleme ... ich habe meine Cssreset, die ich immer benutze. habe die! wichtig, keine zufällige <br/> or <p> , 0 padding ... Tatsache, um SICHER zu machen, habe ich eine Dummy-Seite mit nichts als den 2 divs und ihre CSS und immer noch .........

Irgendwelche Gedanken, warum das passiert? Denn jetzt schaue ich mir meine letzte Seite an und erstelle diesen Dummy HTML, den ich gerade zum Testen gemacht habe und auf jedem Browser bekomme ich diese blöde Lücke.

    
somdow 04.04.2012, 18:06
quelle

2 Antworten

12

Was Sie beobachten, ist Margin-Collapse. Dies kann in Szenarien passieren, die nicht immer einfach zu verstehen sind. Daher empfehle ich, auf die Dokumentation zu verweisen.

>     
kinakuta 04.04.2012, 18:11
quelle
1

Warum nicht verwenden:

%Vor%

? frage mich nur,

    
Isaac Fife 04.04.2012 18:12
quelle

Tags und Links