Das Zentrieren eines DIV mit fester Position auf einer Webseite kann mit absolut positionierten Elementen mithilfe von CSS unkompliziert sein. Der Hack mit left: 50%, width: 400px; und margin-left: -200px; Zentriert das Element effektiv, indem der linke Rand auf die Hälfte seiner Breite eingestellt wird.
Dieser Ansatz schlägt jedoch fehl, wenn es um DIVs mit fester Position geht. Stattdessen wird die äußerste linke Ecke des Elements bei 50 % platziert, wobei die margin-left-Deklaration ignoriert wird. Um dieses Problem zu lösen und fest positionierte Elemente zentriert auszurichten, ist eine alternative Methode erforderlich.
Ein effektiverer Ansatz nutzt die Transformationseigenschaft von CSS3, die eine präzise Positionierung von Elementen ohne ermöglicht auf Ränder angewiesen.
.centered { position: fixed; left: 50%; transform: translate(-50%, 0); }
In diesem Code:
Diese Methode ermöglicht eine genaue Zentrierung für Elemente mit fester Position, auch ohne Angabe eine feste oder relative Breite.
Das obige ist der detaillierte Inhalt vonWie zentriere ich ein DIV mit fester Position mithilfe von CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!