Übergeordnetes Element oder Fenster: Was ist der Unterschied bei der Positionierung fester Elemente?

Feste Positionierung von Elementen relativ zum übergeordneten Element oder Fenster

Es ist wichtig, den Unterschied zwischen der festen Positionierung eines Elements relativ zu seinem übergeordneten Element und der Positionierung dieses Elements zu verstehen fest relativ zum Fenster.

Positionierung fest relativ zu Übergeordnetes Element

Um ein Element relativ zu seinem übergeordneten Element fest zu positionieren, verwenden Sie die Eigenschaft „position: absolute“ für das untergeordnete Element und legen Sie für das übergeordnete Element einen nicht standardmäßigen Positionsmodus fest. Dadurch kann das untergeordnete Element relativ zur Position des übergeordneten Elements positioniert werden.

Zum Beispiel:

#parent {
  position: relative;
}

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

In diesem Fall wird das #child-Element bei 50 Pixel positioniert links und 20 Pixel unterhalb des #parent element.

Feste Positionierung relativ zum Fenster

Um ein Element relativ zum Fenster fest zu positionieren, verwenden Sie die Eigenschaft „position: Fixed“. Dadurch kann das Element relativ zum Browserfenster positioniert werden, unabhängig von der Position seines übergeordneten Elements.

Zum Beispiel:

#floating-element {
  position: fixed;
  bottom: 40px;
  right: 40px;
}

In diesem Fall das #floating-element-Element wird 40 Pixel vom unteren und 40 Pixel vom rechten Rand des Browserfensters entfernt positioniert.

Das obige ist der detaillierte Inhalt vonÜbergeordnetes Element oder Fenster: Was ist der Unterschied bei der Positionierung fester Elemente?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!