Wie unterscheiden sich „Position: absolut' und „Position: fest' bei der HTML/CSS-Positionierung?

Elemente relativ zum übergeordneten Element oder Fenster fest positionieren

In HTML und CSS gibt es zwei Hauptmethoden zum Positionieren von Elementen: relativ zum übergeordneten Element oder relativ zum Fenster.

Positionierungselement relativ zu fixiert Übergeordnetes Element

Um ein Element relativ zum übergeordneten Element fest zu positionieren, verwenden Sie die folgende CSS-Eigenschaft:

position: absolute;

Wenn ein Element absolut positioniert ist, wird seine Position relativ zum übergeordneten Element bestimmt unmittelbar enthaltendes übergeordnetes Element. Zum Beispiel:

#parent {
  position: relative;
}
#child {
  position: absolute;
  left: 50px;
  top: 20px;
}

In diesem Beispiel wird das untergeordnete Element 50 Pixel von links und 20 Pixel von der Oberseite des übergeordneten Elements positioniert.

Positionierungselement behoben Relativ zum Fenster

Um ein Element relativ zum Fenster fest zu positionieren, verwenden Sie das folgende CSS Eigenschaft:

position: fixed;

Wenn ein Element fest positioniert ist, wird seine Position relativ zum Ansichtsfenster bestimmt. Zum Beispiel:

#my-element {
  position: fixed;
  right: 0;
  top: 120px;
}

In diesem Beispiel wird das my-Element 120 Pixel vom oberen Rand und 0 Pixel von der rechten Seite des Ansichtsfensters positioniert.

Das obige ist der detaillierte Inhalt vonWie unterscheiden sich „Position: absolut' und „Position: fest' bei der HTML/CSS-Positionierung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!