Warum bricht mein relativ positioniertes Element zusammen, wenn ich die Breite und Höhe nach rechts und links ändere?

Question

Ich habe nur ein einfaches HTML-Dokument mit nur der div darin erstellt, um mit positionierten Elementen zu experimentieren. Ich bemerkte, wenn ich die Breite und Höhe nach links und rechts ändere, kollabiert das Element. Warum das? Verwendung auf Argument für vertikale und 1 für horizontale

.div { 
 
    position: relative; 
 
    background-color: blue; 
 
    right: 2px; 
 
    left: 2px; 
 
    bottom: 2px; 
 
    top: 2px; 
 
}

<div class="div"></div>

Answer 1

Das Problem Argument widerstreit sein kann, nach links und rechts zu sagen entweder nach links oder nach rechts zu gehen ... nur versuchen.

Ich meine Sie nichts erwartet zu ändern und nichts erschien ...

Auch in diesem div somethign setzen, wie <h1>something</h1> mindestens