Comment épingler des éléments sur la droite?

Question

Comment positionner les éléments à aligner sur le bord droit de la fenêtre?

Answer 1

Si vous souhaitez supprimer l'élément du flux,

position: absolute; 
right: 0; 
top: /* whatever */; 

mais il est difficile de répondre à votre question avec la "bonne" réponse sans plus de détails/contexte.

Answer 2

Vous pouvez les flotter à droite comme ceci:

float: right; 

Cela dépend des éléments qui l'entourent, mais ce serait la meilleure façon sûre. Notez que cela ne fonctionnera évidemment pas pour les articles ABSOLUMENT positionnés. Voir ce lien pour beaucoup plus de détails: http://www.w3schools.com/css/pr_class_float.asp

Answer 3

en utilisant la propriété float:

float: right; 

Answer 4

Vous pouvez également utiliser absolument des éléments positionnés

div{ 
position:absolute; 
z-index:1000; 
width:20px; 
height:20px; 
top:0; 
right:0; 
} 

Cette frapperai la div à droite, en haut de la page. J'utilise 1000 pour z-index car il vous permet de caler d'autres z-index en dessous sans avoir à modifier ce style.

Answer 5

Si vous voulez épinglé dans le sens où il reste à droite de la fenêtre, comme vous faites défiler la page, vous devez utiliser le positionnement fixe, comme ceci:

.pinned { 
    position: fixed; 
    right: 0; 
    top: 0; 
    width: 50px; 
    height: 50px; 
} 

évidemment changer la haut/largeur/hauteur des valeurs en fonction de votre objectif.

Answer 6

salut il y a une meilleure façon d'utiliser float:right pour faire vos éléments dans le côté droit et si vous voulez le fixer Ne fourmi voulez déplacer cela avec défilement, vous pouvez utiliser celui-ci

.element{ 
position:fixed; 
z-index:1000; 
height:30px; 
width:60px; 
right:0; 
} 

et voir aussi ce view this