CSS display: block und position: fixed

Question

Warum wird dieser Code:

div { 
    background-color: yellow; 
    display:block; 
    position:fixed; 
} 

nicht die div als display:block anzuzeigen (das heißt Fluss über die Seite), wenn ich position:fixed hinzufügen? Es scheint anders zu funktionieren?

N.B. Ich bin sehr neu in CSS, also ich applogise wenn es nur ein dummer Fehler ist

Answer 1

Sie müssen Breite und Höhe zu jedem [leeren] Elemente mit Position entweder fixed oder absolute hinzufügen, sonst werden sie keine Größe haben.

HTML:

<div><div> 

CSS:

div { 
    background-color: yellow; 
    display:block; 
    position:fixed; 
    width:100px; 
    height:100px; 
} 

DEMO

Schließlich müssen u so etwas wie this

Answer 2

Wenn Sie position: fixed; oder position: absolute; verwenden, wird das Element genommen aus Dort kularer Fluss des Dokuments.

Die Standardeinstellung für width für ein Element div ist auto, was bedeutet, dass es die volle verfügbare Breite verwendet, wo es ist. Wenn Sie es aus dem Fluss nehmen, gibt es kein brauchbares Maß für die verfügbare Breite mehr (weil das unendlich wäre), stattdessen erhält das Element seine Breite aus seinem Inhalt.