CSS: Réglage de la hauteur/largeur en Pourcentage, moins de pixels

Je suis en train de créer un peu de ré-utilisable classes CSS pour plus de cohérence et moins d'encombrement sur mon site, et je suis coincé à essayer de normaliser une chose que j'utilise fréquemment.

J'ai un conteneur <div> que je ne veux pas définir la hauteur de (parce qu'il va varier selon l'endroit sur le site où il est), et à l'intérieur il est un en-tête <div>, puis un liste non ordonnée de produits, tous avec CSS appliquée à eux.

Qu'il ressemble beaucoup à cela:

CSS: Réglage de la hauteur/largeur en Pourcentage, moins de pixels

Je veux le liste non ordonnée de prendre le reste de la salle dans le conteneur <div>, sachant que l'en-tête <div> est 18px de haut. Je ne sais pas comment spécifier la liste de hauteur comme "le résultat de 100% moins 18px".

J'ai vu cette question posée dans un couple d'autres contextes, mais j'ai pensé qu'il serait utile de se poser à nouveau pour mon cas particulier. Quelqu'un aurait-il des conseils dans cette situation?

  • Définir une marge? __
  • Je suppose que vous êtes suggérant j'ai mis un margin-top sur ma liste non-ordonnée de, disons, 17px. Mais cela pousse l'ensemble de la liste vers le bas; elle n'est pas la cause de rétrécir pour rester dans le conteneur. Essentiellement, c'est de la hauteur actuelle est maintenue, mais c'est juste poussé vers le bas par 17px. Cela ne résout pas mon problème, mais je pense que c'est un pas dans la bonne direction parce que j'ai vu d'autres approches en ligne, qui ont utilisé cette technique.
  • Je viens de résoudre ce problème dans ma question que j'ai posté ici. stackoverflow.com/a/10420387/340947
  • double possible de CSS Comment définir div hauteur de 100% à moins nPx
InformationsquelleAutor MegaMatt | 2010-03-12