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:
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?
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.
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.
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.
Dieser Ansatz lässt das div leer werden, indem die Inline-Block-Anzeige verwendet wird. Du erzwingst die Höhe.
CSS:
%Vor%HTML:
%Vor%Alix,
Sie müssen der Klasse .nav
einen Wert für die Höhe hinzufügen %Vor%