Ҳамоҳангсозии унсурҳо дар CSS чӣ гуна имконот дорад?

Дар CSS існує кілька основних варіантів позиціонування елементів:

• static — позиціонування за замовчуванням. Елементи розташовуються у потоці документа, без зміщень.
• relative — елемент позиціонується відносно свого нормального положення. Можна зміщувати за допомогою top, left, bottom, right, при цьому він займає місце у потоці.
• absolute — елемент позиціонується відносно найближчого предка з іншим, ніж static, позиціонуванням (або відносно вікна, якщо таких немає). Елемент виходить із потоку.
• fixed — елемент фіксується відносно вікна браузера і не рухається при прокручуванні. Також виходить із потоку.
• sticky — елемент веде себе як relative, доки не досягне заданої позиції при прокручуванні, після чого — як fixed.

Крім позиціонування, для розташування елементів часто використовують:

• Flexbox — гнучка модель для вирівнювання і розподілу простору між елементами в одному вимірі (ряд або стовпець).
• Grid — двовимірна сіткова модель для розміщення елементів по рядках і стовпцях.
• float — застарілий спосіб обтікання елементів, раніше використовувався для створення колонок, зараз застосовується рідше.

Приклад використання position:

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