Wie kann ich die Breite eines fest positionierten Div so einstellen, dass es mit dem übergeordneten Container übereinstimmt?

Problem beim Festlegen der Breite des positionierten festen Div

Bei dem Versuch, einem „Position: Fest“-Div eine Breite von 100 % zuzuweisen , entsteht ein Dilemma, wenn das Element weiterhin die Breite des Browserfensters oder Dokuments annimmt. Obwohl ein übergeordnetes Div mit einer bestimmten Breite definiert wird, hält sich das feste Div nicht daran.

Um dieses Problem zu beheben, wenden Sie das Stilattribut „width:inherit“ auf alle im übergeordneten Div verschachtelten Divs an. Diese Lösung wird im folgenden HTML- und CSS-Code demonstriert:

<div>

#container {
    width: 800px;
}

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

#fixed * {
    width: inherit;
}

Durch die Angabe von „width:inherit“ für die untergeordneten Elemente des festen Div erben diese die Breite ihres übergeordneten Elements und stellen so die Ausrichtung sicher mit den vorgesehenen Maßen.

Das obige ist der detaillierte Inhalt vonWie kann ich die Breite eines fest positionierten Div so einstellen, dass es mit dem übergeordneten Container übereinstimmt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!