Come bloccare gli elementi a destra?

Question

Come posizionare gli elementi da allineare sul lato destro della finestra?

Answer 1

Se si desidera rimuovere l'elemento dal flusso,

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

ma è difficile rispondere alla tua domanda con la risposta "giusta" senza più dettagli/contesto.

Answer 2

Si possono galleggiare a destra in questo modo:

float: right; 

Questo dipende da elementi che lo circondano ma che sarebbe il modo più semplice di sicuro.

Si noti che questo non funzionerà per articoli posizionati ASSOLUTAMENTE, ovviamente. Vedere questo link per dettagli molto di più: http://www.w3schools.com/css/pr_class_float.asp

Answer 3

utilizzando la proprietà float:

float: right; 

Answer 4

È inoltre possibile utilizzare gli elementi posizionati in modo assoluto

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

Questa sarà pin il div a destra, nell'angolo in alto della pagina. Io uso 1000 per z-index perché ti permette di shimare altri z-index sotto di esso senza dover modificare questo stile.

Answer 5

Se si desidera it riposte nel senso che rimane sulla destra della finestra, anche durante lo scorrimento della pagina, quindi è necessario utilizzare il posizionamento fisso, in questo modo:

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

Ovviamente cambiare la valori di altezza/larghezza/altezza adatti al tuo scopo.

Answer 6

ciao c'è modo migliore di utilizzare float:right per rendere il vostro elementi a destra e se si vuole risolvere il problema Non formica vuole spostare questo con scorrimento è possibile utilizzare questo uno

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

e anche visualizzare questo view this