Comment positionner un div pour le fond du récipient, sans utiliser le positionnement absolu?
J'ai un très difficile problème de CSS. J'ai le schéma suivant (c'est juste une maquette rapide dans la Peinture):
J'ai besoin de flotteur de la zone rouge pour le bas de son conteneur. Normalement, je voudrais utiliser position: absolute; bottom: 0;
mais que les résultats dans le texte qui se chevauchent avec la div, je ne veux pas. Je veux la boîte à se comporter comme dans la deuxième image (même situation, mais avec plus de texte)
Est-ce même possible? Je n'ai pas l'esprit de dumping de soutien pour les anciens navigateurs.
les deux pieds de page regarder à différentes hauteurs, est-il censé réduire en hauteur quand il n'y a plus de contenu ou est-ce juste un dessin problème
Non, c'était juste un dessin en question. J'ai fait un rapide croquis de la Peinture 😉
Non, c'était juste un dessin en question. J'ai fait un rapide croquis de la Peinture 😉
OriginalL'auteur Compizfox | 2013-09-23
Vous devez vous connecter pour publier un commentaire.
Ne pas abandonner
position: absolute
. Ajoutez simplement un rembourrage pour le fond du récipient est égale à la hauteur du pied de page en div.Sans rembourrage: http://jsfiddle.net/cG5EH/2
Avec un rembourrage: http://jsfiddle.net/cG5EH/1
Tant pis, il fixe. Merci, ça m'a beaucoup aidé.
Très une solution simple mais efficace. Pourquoi n'ai-je pas pensé à cela?
OriginalL'auteur James Montagne
De l'essayer.
calc
vous permet de faire des calculs dans votre css. Dans l'exemple que je viens de forcer la hauteur pour être à 100%, mais cela peut être n'importe quelle valeur il pourrait même êtreheight: calc(100% + 80px)
. Notez les espaces autour des mathématiques de l'opérateur.voir http://css-tricks.com/a-couple-of-use-cases-for-calc/ pour plus de détails
OriginalL'auteur otherDewi