Öğeler sağa nasıl sabitlenir?

Question

Öğeleri, pencerenin sağ kenarında hizalanacak şekilde nasıl yerleştiririm?

Answer 1

Eğer akışından elemanını kaldırmak istiyorsanız,

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

ama yanıtlamak zordur senin Daha fazla detay/bağlam olmadan "doğru" cevabı ile soru.

Answer 2

Öyle gibi sağ onları yüzebilen:

etrafındaki elemanlarına bağlıdır ama bu kesin kolay yolu olurdu

float: right; 

.

Bu durumun kesinlikle AÇIK OLDUĞUNDAN öğeler için işe yaramayacağını unutmayın. şamandıra özelliğini kullanarak http://www.w3schools.com/css/pr_class_float.asp

Answer 3

: çok daha fazla ayrıntı için bu bağlantıya bakın

float: right; 

Answer 4

Ayrıca sağ sayfanın köşesine div suçu atacak Kesinlikle Konumdadır elemanları

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

Bu

kullanabilirsiniz. Z-endeksi için 1000 kullanıyorum, çünkü bu stili değiştirmek zorunda kalmadan, diğer z-dizinlerini aşağıya kaydırmanızı sağlar.

Answer 5

Eğer buna sayfayı kaydırmak bile, o zaman bu gibi sabit konumlandırma kullanmak gerekir, görüntü alanının sağında kalır anlamında sabitlenmiş isterseniz:

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

Açıkçası değiştirmek amacınıza uygun üst/genişlik/yükseklik değerleri.

Answer 6

hi orada sağ tarafta da elemanlarını yapmak için float:right kullanmak daha iyi bir yoludur ve bunu karınca Yüklü düzeltmek istiyorsanız bu bir

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

kullanabilirsiniz kaydırma ile bu hareket istiyor ve de bu view this

görmek