Jak przypiąć elementy po prawej stronie?

Question

Jak pozycjonować elementy w prawej krawędzi okna?

Answer 1

Jeśli chcesz usunąć element z prądem,

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

ale trudno odpowiedzieć na to pytanie z "właściwą" odpowiedzią bez większej szczegółowości/kontekstu.

Answer 2

można unosić je prawo tak:

float: right; 

To zależy od elementów wokół niego, ale to byłoby najprostszym sposobem na pewno.

Pamiętaj, że to oczywiście nie zadziała dla ABSOLUTNIE pozycjonowanych przedmiotów. Zobacz ten link dużo więcej szczegółów: http://www.w3schools.com/css/pr_class_float.asp

Answer 3

pomocą właściwości float:

float: right; 

Answer 4

Można także użyć elementów pozycjonowanych bezwzględnie

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

To będzie przypiąć div w prawo, górnym rogu strony. Używam 1000 dla z-index, ponieważ pozwala on na shim inne z-indeksy poniżej bez konieczności zmiany tego stylu.

Answer 5

Jeśli chcesz to przypięty w tym sensie, że pozostaje po prawej rzutni, nawet podczas przewijania strony, a następnie trzeba użyć pozycjonowanie stałe, tak:

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

Oczywiście zmienić wartości górny/szerokość/wysokość dopasowane do twojego celu.

Answer 6

hi tam jest lepszy sposób na wykorzystanie float:right aby Twoje elementy w prawym boku, a jeśli chcesz go naprawić ant nie chcesz przenieść to z przewijania można użyć ten

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

a także zobaczyć tę view this