Wie unterscheidet sich die Transformation: translate3d (50%, 0,0) von links: 50% in css? heres die jsfiddle, die ich gemacht habe.Unterschied zwischen transform: translate3d (50%, 0,0) und links: 50% in css?
transform: translate3d(50%,0,0)
und
left:50%;
translate3d(50%,0,0) halten den Prozentsatz des Elements selbst, so dass es von der linken Hälfte des Elementgröße umgerechnet wird.
Die linke Seite der div, die absolut in der Geige positioniert ist, ist relativ zum Container div, der relativ positioniert ist, so dass die left:50%; 50% dieses Containers ist.
Left Wert beschreibt Breite übergeordnetes Element bezogen (oder, wie es wäre, wenn width :100% gesetzt wurde)
transform Werte in Bezug auf ihre eigenen Breite beschreiben
Da Sie explizit eine Breite festgelegt haben, sind die 2 Ergebnisse unterschiedlich