Wie kann man feste Divs auf die Breite ihres übergeordneten Elements reagieren lassen?

Feste Divs relativ zu übergeordneten Elementen positionieren

Beim Versuch, die Breite eines Divs mit „position:fixed“ festzulegen, können Benutzer auf Schwierigkeiten stoßen, wenn Sie möchten, dass die Breite relativ zum übergeordneten Div ist. Standardmäßig erben feste Elemente jedoch ihre Breite vom Dokument oder Fenster.

解决方案

Um dieses Problem zu beheben, wenden Sie das folgende CSS-Attribut auf das übergeordnete Div an :

width:inherit;

Dies weist innere Divs innerhalb des übergeordneten Divs an, die Breite des übergeordneten Divs zu erben div. Infolgedessen ist die Breite des festen Divs relativ zu seinem übergeordneten Div und sorgt für das gewünschte Layout.

Beispiel

<div>

#container {
  width: inherit;
}

#fixed {
  position: fixed;
  width: 100%;
}

Hinweis :

Wenn bestimmte Browser Unterstützung für die Breitenvererbung benötigen, sollten Sie die Implementierung einer JavaScript-basierten Lösung in Betracht ziehen. Bei den meisten modernen Browsern sollte die Anwendung von „width: inherit“ auf das übergeordnete Div dieses Problem jedoch effektiv lösen.

Das obige ist der detaillierte Inhalt vonWie kann man feste Divs auf die Breite ihres übergeordneten Elements reagieren lassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!