Comment faire en sorte qu'un div à position fixe hérite de la largeur de son parent ?

Largeur relative du div fixe positionné

Lorsque vous essayez de définir un div avec un positionnement fixe sur toute la largeur de son div parent, certains défis peut survenir. Explorons le problème et trouvons une solution.

Description du problème

Dans l'exemple fourni, un div avec une position fixe n'hérite pas de la largeur de son parent. Au lieu de cela, il s'étend sur toute la largeur de la fenêtre.

Solution

Pour résoudre ce problème, appliquez la propriété CSS width : hériter de tous les div internes du div parent. . Cela indique au div fixe d'hériter de sa largeur de son parent.

#container {
    width: 800px;
}

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

#fixed div {
    width: inherit;
}

Implémentation

Pour les navigateurs qui ne prennent pas en charge la largeur : hériter, pensez à utiliser une solution JavaScript . Cela peut être nécessaire pour les anciens navigateurs.

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!