Fluide largeur de position fixe

Imaginer:

<div class="outer">
    <div class="inner">
    </div>
</div>

Où:

  • .outer est une partie d'une colonne de la structure, et sa largeur est d'un rang centile et donc fluide.
  • .inner représente un fixed position de l'élément qui doit remplir avec 100% de la largeur de la .outer élément. Cependant, sa position à la verticale reste le même, donc fixed.

J'ai essayé de mettre en œuvre cette mise en page avec les CSS suivant:

.outer {
    position: relative;
    width: %;
}
.inner {
    position: fixed;
    width: 100%;
}

Cependant, .inner ne pas calculer sa largeur en pourcentage de son relative parent. Au lieu de cela, il remplit toute la largeur de la fenêtre de document. D'essayer quelque left ou right résultat des propriétés dans le même parent-ignorant qualités.

Est-il un moyen de contourner cela?

InformationsquelleAutor nderjung | 2012-09-03