CSS-də elementlərin yerləşdirilməsi üçün hansı variantlar mövcuddur?

CSS-də elementlərin mövqeləndirilməsi üçün bir neçə əsas variant mövcuddur:

• static — standart mövqe. Elementlər sənəd axınında yerləşir, hərəkətsiz.
• relative — element öz normal mövqeyinə nisbətən yerləşir. Top, left, bottom, right istifadə etməklə hərəkət etdirilə bilər, eyni zamanda, axında yer tutur.
• absolute — element ən yaxın static olmayan ata elementə görə yerləşir (və ya pəncərəyə görə, əgər belə bir ata yoxdursa). Element axımdan çıxarılır.
• fixed — element brauzer pəncərəsinə nisbətən bərkidilir və skrollama zamanı hərəkət etmir. Həmçinin, axımdan çıxarılır.
• sticky — element skroll zamanı təyin olunmuş mövqeyə çatana qədər relative kimi davranır, sonra fixed kimi olur.

Pozisiyalaşdırmadan başqa, elementlərin yerləşdirilməsi üçün tez-tez istifadə olunanlar:

• Flexbox — tək ölçülü (sətir və ya sütun) elementlər arasında hizalama və boşluq paylanması üçün elastik model.
• Grid — iki ölçülü şəbəkə modeli, elementləri sətir və sütunlara yerləşdirmək üçün.
• float — köhnə üsul, elementləri sarmalayan və yerləşdirmək üçün istifadə olunurdu, indi daha az istifadə olunur.

Position istifadə nümunəsi:

.element {
  position: absolute;
  top: 10px;
  left: 20px;
}