CSS position: absolute écran de résolution de problème
Code CSS:
top:45;
left:98;
float:right;
position:absolute;z-index:2;
J'ai fait le codage ci-dessus pour un flottant div
quand je travaillais sur 1024, mais quand j'ai testé la même chose sur un autre résolution, il est hors de l'alignement.
Comment pouvons-nous résoudre ce problème?
OriginalL'auteur dave | 2010-07-21
Vous devez vous connecter pour publier un commentaire.
Éléments en position absolue sont positionnés selon un positionnée relativement ancêtre ou de la fenêtre. Ça sonne comme dans votre cas, il est placé dans la fenêtre.
Le moyen de résoudre ce problème est de mettre votre positionnement absolu
<div>
à l'intérieur d'un parent conteneur. De cette manière, comme la fenêtre change de taille, il va rester à l'endroit approprié:Yep, Votre solution a fonctionné. Merci
OriginalL'auteur Pat
Aucune des solutions ci-dessus le travail pour moi...
garder sur position absolue et donner margin-top, margin-left...dans %âge;
qui automatiquement ajuster w.r.t. la résolution de l'écran...
cela a fonctionné parfait pour moi. testé sur différentes résolutions.
amusez-vous!
quels sont les problèmes auxquels vous êtes confrontés vous pouvez le reproduire sur jsfiddle.net ?
OriginalL'auteur Aamir Shahzad
En supposant que l'élément n'est pas contenu dans un autre élément à une position de relative, l'élément de positionnement doit être dans la même position quelle que soit la résolution.
Assurez-vous que vous utilisez:
Vous avez quitté le pixel de la déclaration de la fonction dans votre code ci-dessus.
Aussi, float:right n'est pas obligatoire sur l'élément positionné, comme position:absolute va sortir du flux normal du document de toute façon.
OriginalL'auteur Jayphen
Au lieu de pixel, utilisez la
%
. Il peut vous aider à produire la sortie.OriginalL'auteur TinTin