Wie haben diese Werte in CSS Vorrang?

8

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%     
northerner 11.03.2017, 11:37
quelle

1 Antwort

12

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.

    
Dasar Gashi 11.03.2017, 11:46
quelle

Tags und Links