PPK taucht in das Thema ein, das er in der Web-Technologie-Dokumentation als kläglich unterrepräsentiert empfand. Unser Eintrag erwähnt sie überhaupt nicht, was ich zu beheben anstrebe.
Ich stimme dieser Situation zu
Dies ist bei weitem der häufigste Anwendungsfall für negative Margins. Sie geben einem Container einen Innenabstand, damit seine Inhalte etwas Luft haben. Sie möchten jedoch, dass die Kopfzeile den gesamten Container überspannt und den Innenabstand ignoriert. Negative Margins sind der richtige Weg.
So wie das
Anekdotisch finde ich negative Margins ziemlich intuitiv. Das ist zwar überraschend, da es so viele Eigenheiten gibt, wie z. B. dass sie manchmal das angewendete Element selbst beeinflussen (z. B. es nach links verschieben) und manchmal andere Elemente beeinflussen (z. B. andere Elemente nach oben verschieben) – plus die Tatsache, dass sie den Margin Collapsing beeinflussen, was sowieso seltsam ist.
Es wäre wahrscheinlich klug, diese richtungsbezogenen Margin-Sachen mit logischen Eigenschaften zu machen.
Wenn Sie in Ihrem Beispiel-Pen von REM auf EM wechseln, ist die Kopfzeile nicht mehr in ihrem übergeordneten Element enthalten. Irgendeine Idee, warum das passieren könnte?
Prost!
Ich denke,
embasiert auf derfont-sizeim Kontext. Dass also dieh2eine größere Schriftgröße als das Modul hat, macht denem-Wert größer. Eine ziemlich komische Situation. Ich sage es ungern, aber das ist die Art von Dingen, die mich zu einemrem-Typ machen.Wäre es nicht besser, dieses Modul in einen Header und einen Inhaltsteil zu unterteilen? Dann müsste der Header-Teil keinen Innenabstand mehr haben.
Passen Sie die Standardeinstellung des Browsers von 16px an
um die Umrechnung von rem in px zu erleichtern? Ich habe gerade eine Schulung gesehen, die vorschlug, Folgendes hinzuzufügen:
html{font-size:62.5%;} damit Sie 1rem = 10px erhalten. Das erschien mir genial, aber ein fortgeschrittenerer Benutzer, dem ich dies erwähnte, schien den Wert darin nicht zu sehen. Was ist Ihre Meinung dazu?