16. Jakie są różnice między absolutnym i relatywnym pozycjonowaniem elementów w CSS?

• Pozycjonowanie relatywne (relative): Pozycjonuje element względem jego normalnej pozycji. Element pozostaje w normalnym przepływie dokumentu, ale jest przesunięty w pionie lub poziomie.
• Pozycjonowanie absolutne (absolute): Pozycjonuje element względem najbliższego pozycjonowanego przodka (innego niż static). Element jest usuwany z normalnego przepływu dokumentu.

/* Przykłady */
.relative-element {
    position: relative;
    top: 10px; /* Przesunięcie w dół o 10 pikseli */
    left: 20px; /* Przesunięcie w prawo o 20 pikseli */
}

.absolute-element {
    position: absolute;
    top: 50px; /* Przesunięcie w dół o 50 pikseli względem najbliższego pozycjonowanego przodka */
    left: 100px; /* Przesunięcie w prawo o 100 pikseli */
}