CSS position:absolute + dynamique de la hauteur
J'ai 4 <div>
balises les unes après les autres, le tout dans position:absolute
et je les aligner à l'aide de top
et left
.
La 3ème balise div contient un contenu dynamique et la hauteur de la div change en fonction de la quantité de texte. Cependant, comme je l'ai mis la top
et left
de tous les divs, la 4ème division est affectée par la hauteur de la 3ème dynamique div.
Comment puis-je résoudre ce problème?
ils devraient être en position absolue?
OriginalL'auteur Or Weinberger | 2011-02-24
Vous devez vous connecter pour publier un commentaire.
Vous pouvez essayer d'envelopper les 4 divs dans un div parent et absolument positionnement. Ensuite, vous pouvez permettre à la poste de l'un des enfants divs pour en affecter un autre.
http://jsfiddle.net/25Xrh/5/
La solution que vous avait fait en sorte que peu importe ce que vous avez essayé d'affecter la
top:60px
etleft:180px
cessé de se déplacer n'importe où autre que cela, de sorte que la dynamique de la div du contenu n'était pas en mesure de le repositionner.position fixe signifie qu'il y reste en permanence. Si vous faites défiler, il reste où il est. Par exemple, vous voir sur certains sites web que vous faites défiler la page, la navigation reste toujours visible, c'est la correction du positionnement. Il est généralement la meilleure pratique pour envelopper les divs de toute façon, il vous permet de repositionner plusieurs divs à la fois très facilement.
OriginalL'auteur Dan Hanly
Voici mon test:
http://jsfiddle.net/neuroflux/25Xrh/7/
Code:
OriginalL'auteur Barrie Reader