Comment rendre les divisions fixes sensibles à la largeur de leurs parents ?

Positionnement des divs fixes par rapport aux éléments parents

Lorsqu'ils tentent de définir la largeur d'un div avec position : fixe, les utilisateurs peuvent rencontrer des difficultés si ils souhaitent que la largeur soit relative à son div parent. Cependant, par défaut, les éléments fixes héritent de leur largeur du document ou de la fenêtre.

解决方案

Pour résoudre ce problème, appliquez l'attribut CSS suivant au div parent :

width:inherit;

Cela demande aux divs internes du div parent d'hériter de la largeur du div parent. Par conséquent, la largeur du div fixe sera relative à son div parent, fournissant la mise en page souhaitée.

Exemple

<div>

#container {
  width: inherit;
}

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

Remarque :

Si des navigateurs spécifiques nécessitent la prise en charge de l'héritage de largeur, envisagez d'implémenter une solution basée sur JavaScript. Cependant, pour la plupart des navigateurs modernes, l'application de « largeur : hériter » au div parent devrait résoudre ce problème efficacement.

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!