Div verschwindet, wenn absolut positioniert, übergeordnete dynamische Höhe

Question

Der Titel sagt alles wirklich.

div disappears after position: relative

Ich habe überprüft, diese beantworten, aber es scheint nicht zu passen, was nach dem ich bin. Und das Problem mit dem OP hier scheint zu sein, dass er keine Größe in seinem Eltern-DIV hatte. Meins hat, das einzige ist, dass es dynamisch über jQuery generiert wird. Könnte das das Problem sein?

Hier ist die jsbin:

http://output.jsbin.com/widipat

Ich habe die Position Attribut Kommentar gesetzt.

Answer 1

#banner (Ihr orangefarbenes Banner) enthält keinen Inhalt. Wenn es absolut positioniert ist, müssen Sie ihm Breite und Höhe geben, damit es auf der Seite angezeigt wird. Andernfalls wird die Größe auf 0px um 0px erhöht und ist nicht sichtbar.

Zum Beispiel:

#banner { 
    background-color: #f98939; 
    height: 40px; 
    width: 100%; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
}