𝗖𝗦𝗦 𝗞𝗼𝗻𝘂𝗺𝗹𝗮𝗻𝗱ı𝗿𝗺𝗮 Ö𝘇𝗲𝗹𝗹𝗶𝗸𝗹𝗲𝗿𝗶
CSS position özelliği, bir öğenin sayfanızda nerede duracağını belirler. Onları hareket ettirmek için top, right, bottom ve left özelliklerini kullanırsınız.
Beş ana konumlandırma türü vardır.
Static Bu varsayılan ayardır. Öğeler sayfanın normal akışını takip eder. Burada top veya left özelliklerini kullanmak bir etki yaratmaz.
Relative Bu, bir öğeyi orijinal konumuna göre hareket ettirir. Eğer top değerine 20px eklerseniz, öğe aşağı doğru hareket eder. Diğer öğeler orijinal yerlerinde kalır ve boşluğu doldurmazlar.
Absolute Bu, bir öğeyi normal sayfa akışından çıkarır. Kendini en yakın konumlandırılmış (positioned) atasına göre konumlandırır.
Diğer türler arasında Fixed ve Sticky bulunur. Fixed öğeler, siz sayfayı kaydırsanız bile tek bir noktada sabit kalır. Sticky öğeler, belirli bir noktaya ulaşana kadar relative öğeler gibi davranır, ardından sabitlenirler.
Bu özellikler hakkında daha fazla bilgiyi buradan edinebilirsiniz.
Kaynak: https://dev.to/kavin_loyola_660466e5ea96/css-position-properties-23o8