HTML-DIV-Element verschwindet ohne Inhalt

8

Wenn ich ein HTML-div-Element ohne Inhalt erstelle, verschwindet es.

Wenn das div wie HTML ausgefüllt ist, funktioniert es richtig.

%Vor%

Ich bekomme die folgende (erwartete) Ausgabe:

Alternativtext http://i49.tinypic.com/15g5ijq.png

Wenn ich jedoch das Element div mit class = nav auf keinen Inhalt ändere:

%Vor%

Die rote Box verschwindet:

Alternativtext http://i47.tinypic.com/if9505.png

Es ist, als gäbe es dort kein div! Wie kann ich immer das Programm das div ohne Inhalt zeigen lassen?

    
Alix Axel 22.01.2010, 02:59
quelle

7 Antworten

14

Wenn das div leer ist, hat das Element keine Höhe. Also, was tatsächlich passiert ist, dass es da ist, aber 0 Höhe hat.

Sie könnten etwas hinzufügen (wie   oder geben Sie height und / oder line-height ein. Ich würde vorschlagen, das andere div auf die gleiche Höhe zu setzen.

    
cletus 22.01.2010, 03:01
quelle
4

Legen Sie ein geschütztes Leerzeichen hinein. Das tue ich, wenn ich etwas brauche, aber nicht nichts. Sie können auch eine explizite Höhe angeben, um das gleiche Ergebnis zu erhalten.

    
Sampson 22.01.2010 03:01
quelle
1

Stellen Sie sicher, dass die Inhalte enthalten sind. ist normalerweise das Beste. Es stellt sicher, dass mindestens etwas für den Browser angezeigt / gerendert wird. Dies könnte auch eine Ursache für Ihre DTD sein.

    
Joel Etherton 22.01.2010 03:03
quelle
1

Eine weitere Sache, die Sie aufrufen, sind falsch verschachtelte Tags oder Tags, die nicht geschlossen sind.

Stellen Sie sicher, dass alle Tags korrekt verschachtelt und geschlossen sind.

    
David F Mayer 08.05.2012 18:50
quelle
1

Dieser Ansatz lässt das div leer werden, indem die Inline-Block-Anzeige verwendet wird. Du erzwingst die Höhe.

CSS:

%Vor%

HTML:

%Vor%     
DefyGravity 28.06.2012 20:48
quelle
0

Alix,

Sie müssen der Klasse .nav

einen Wert für die Höhe hinzufügen %Vor%     
PantsOffNow 22.01.2010 03:12
quelle
0

Nachdem Sie einen Höhenwert hinzugefügt haben, fügen Sie auch eine Anzeigeeigenschaft zur Navigationsklasse hinzu:

%Vor%     
rob 22.01.2010 03:21
quelle

Tags und Links