Comment puis-je définir la largeur d'un div à position fixe pour qu'elle corresponde à son conteneur parent ?

Problème de définition de la largeur d'un div fixe positionné

Dans une tentative d'attribuer une largeur de 100 % à un div "position : fixe" , un dilemme surgit lorsque l'élément persiste à adopter la largeur de la fenêtre du navigateur ou du document. Malgré la définition d'un div parent avec une largeur spécifique, le div fixe ne parvient pas à y adhérer.

Pour résoudre ce problème, appliquez l'attribut de style "width:inherit" à tous les div imbriqués dans le div parent. Cette solution est démontrée dans le code HTML et CSS suivant :

<div>

#container {
    width: 800px;
}

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

#fixed * {
    width: inherit;
}

En spécifiant "width:inherit" pour les éléments enfants du div fixe, ils héritent de la largeur de leur parent, assurant ainsi l'alignement aux dimensions prévues.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!