SORU
3 Mayıs 2012, PERŞEMBE


Pozisyon Göreli Konumu vs Mutlak?

Konumu kullanmak için zaman göreceli ve mutlak pozisyonu arasında fark olan bir css nedir?

CEVAP
3 Mayıs 2012, PERŞEMBE


CSS mutlak Konumlandırma

position: absolute;

Mutlak konumlandırma anlamak için en kolay yoldur. CSS position özelliği ile başlayın:

position: absolute;

Bu konumlandırılmış olacak ne olursa olsun belge normal akışını kaldırılması gerektiğini ve sayfadaki yerini tam olarak yer alacak tarayıcı söyler. Daha önce bu elementlerin nasıl HTML Web sayfasında ancak konumlandırılmış sonra etkilemezo, ailenin sürece konumunu geçersiz kılar. tabi

Eğer 10 piksel belge penceresinin üst bir elemanı konumlandırmak isterseniz, kullanın "" orada mutlak konumlandırma ile pozisyona uzaklığı: . üst

position: absolute;
top: 10px;

Bu eleman her zaman sayfanın üst 10px içerik veya unsur ya da görsel) altında geçer ne olursa olsun görüntüler.

Dört konumlandırma özellikleri vardır:

  1. üst
  2. doğru
  3. alt
  4. sol

Onları kullanmak için, ofset özellikler olarak düşünmek gerekir. Diğer bir deyişle, bir öğe sağ 2px 2px doğru taşınır konumlandırılmış. Hemen yan pencereden 2px sağ taraftan dengeleniyor. Aynı diğer üçü için de geçerlidir.

Göreceli Konumlandırma

position: relative;

Göreceli konumlandırma mutlak konumlandırma ile aynı dört konumlandırma özelliklerini kullanır. Ama tarayıcı görünüm bağlantı noktası üzerine eleman pozisyonu alma yerine, öğe hala normal akışı içinde olsaydı olurdu yerden başlar.

Örneğin, eğer üç paragraf üzerinde Web sayfası, ve üçüncü bir position: relative tarzı yer, konumu olacak ofset bağlı bulunduğunuz konumu-- orijinal tarafın görünümü bağlantı noktası.

Paragraf 1.

Paragraf 2.

Paragraf 3.

Yukarıdaki örnekte, üçüncü paragraf 3em kap öğesinin sol tarafında konumlandırılmış olacak, ama yine de ilk iki paragraf altında olacaktır. Belgenin normal akışı " olarak kalacak, ve sadece biraz düşmesi gerekir. Eğer pozisyon değiştirdi: mutlak; bir şey artık belgenin normal akışı olur çünkü üstüne bir de ekran olurdu.

Notlar:

  • varsayılan genişlik unsuru olduğunu kesinlikle konumlandırılmış genişliği kapsamında, aksine bir unsur olduğunu göreceli olarak konumlandırılmış bir yerde varsayılan genişliği 0 olan yer verecek.

  • Göreceli olarak konumlandırılmış öğeler (doğal olarak ben de.bu işlemi yapamazsınız, ancak konumlandırılmış elemanları ile çakışan öğelerin alabilirsin konumlandırma/negatif kenar boşlukları kullanmadan e)


çok çekti: this resource

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
Css

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • chrmoe

    chrmoe

    7 Kasım 2006
  • GirlSanctuaryBlog

    GirlSanctuar

    28 Aralık 2011
  • kimberly p

    kimberly p

    23 Ocak 2010