Salut,

J'ai sur ma page dans un p, un label suivie d'un input.

Et j'aimerais afficher un div juste en dessous de l'input de telle sorte que le bord haut de mon div, colle le bord bas de mon input...

Bonjour,

par défaut, les navigateurs ajoutent des marges top et bottom aux balises <p> (utiliser l'inspecteur web pour voir ces marges), donc mettre les marges à 0 et i n'y aura plus d'espace entre l'input et la div.
Autre option préférable à mon avis : remplacer <p> par une div de la forme <div class="ligne">

Ok, merci.

Et est-ce que si je le place en absolute avec des marginTop et marginLeft, il sera bien positionné sur TOUS les écrans ?

Tout dépend de ce que tu veux dire par "bien positionné sur tous les écrans",
explique clairement ce que tu veux, position:absolute est réservée à des cas très particuliers, 
fais un schéma si possible

Je veux afficher un rectangle sous un champ texte input. Mais ce rectangle ne doit pas déplacer les éléments sur la page. Il doit se positionné par dessus.

Le seul truc qui compte c'est qu'il soit collé à mon input par le bord haut.

une div en position absolute et z-index supérieur au reste, 
cette div contenant l'input et son rectangle en dessous, c'est bon ?