Ich lerne CSS und bin verwirrt von relativem Layout . Was passiert, wenn Sie widersprüchliche Eigenschaftswerte für die Positionierung angeben? Zum Beispiel left: 50px;
und right 50px;
Ich habe es selbst versucht und von dem, was ich sagen kann, wird right
immer fallen gelassen, wenn es sowohl left
als auch right
gibt. Und was ist mit top
vs bottom
?
Beispiel
%Vor%Von MDN :
Wenn sowohl die rechte CSS-Eigenschaft als auch die linke CSS-Eigenschaft definiert sind, wird die Position des Elements überspezifiziert. In diesem Fall hat der linke Wert Vorrang, wenn der Container von links nach rechts ausgerichtet ist (dh der rechnerbereinigte Wert ist auf -links festgelegt), und der rechte Wert hat Vorrang, wenn der Container von rechts nach links (dh ist, dass der linke berechnete Wert auf "rechts" gesetzt ist.
Wenn also direction: ltr
, left
Vorrang hat. Wenn direction: rtl
, right
Vorrang hat.
Für top
und bottom
( MDN ):
Wenn oben und unten angegeben sind, solange die Höhe ist nicht spezifiziert, automatisch oder 100%, sowohl die obere als auch die untere Distanz respektierte. Andernfalls, wenn die Höhe in irgendeiner Weise eingeschränkt ist, die Spitze Eigenschaft hat Vorrang und die untere Eigenschaft wird ignoriert.
Tags und Links css