Il existe 3 modes de positionnement CSS : relative, absolute, fixed. Chaque type a ses propres règles de positionnement et différentes boîtes peuvent utiliser différents schémas et interférer entre elles.

Il n'est pas peut-être pas inutile de rappeler le sens des mots padding et margin :

Tout fonctionne par empilement de boites. Pour une boite quelconque margin désigne l'écart entre son bord (visible ou non) et le reste de la page (espace rose ci-dessus), tandis que padding désigne l'écart entre son bord (visible ou non) et son contenu (espace jaune ci-dessus).