Ich stoße auf ein Problem, das mich wirklich verwirrt.
Ich habe einen Container, der einen Hintergrund auf eine Position in der oberen rechten Ecke des Browserbildschirms anwenden soll. Das div inside hat einen oberen Rand von 4em und dies drückt den Container div.
CSS:
%Vor%HTML:
%Vor%Ich möchte, dass der Rand des Wrappers innerhalb des Containers div statt außerhalb ist.
Ich habe mehrere Anzeigeeigenschaften und Positionseigenschaften vergeblich versucht. Die einzige Sache, die es behebt, ist das Einfügen eines " " vor dem Start von #wrapper, aber es muss ein CSS-Fix dafür sein.
Sie können overflow:hidden hinzufügen, um den Kontext innerhalb von #container div. zu schließen.
Hier versuchen Ссылка , overflow:hidden zu entfernen, und es verhält sich wie beschrieben.
Dieses Verhalten wird hier angegeben: Ссылка
In einem Blockformatierungskontext jeder Die linke äußere Kante der Box berührt die linke Seite Rand des umschließenden Blocks (z. B. Formatierung von rechts nach links, rechte Kanten berühren). Dies gilt auch in der Anwesenheit von Schwimmern (obwohl eine Box Zeilenfelder können aufgrund der schwebt), es sei denn, die Box legt ein neuer Blockformatierungskontext (in dem Fall die Box selbst werden kann schmaler wegen der Schwimmer).
Und das ist genau das, was "overflow" anders als "hidden" kann (einen neuen Formatierungskontext erzeugen), Sie könnten dies auch tun, indem Sie beispielsweise border-top zu Ihrem #container-Element hinzufügen.