Sie müssen den Clear-Fix verwenden. Fügen Sie Folgendes nach dem Floating-Div und innerhalb des Containers ein.
%Vor%Fügen Sie den folgenden Stil hinzu:
%Vor%Beispiel:
%Vor%Ich habe zwei divs (eine innerhalb der anderen) und stoße in ein kleines Problem, wenn ich den einen nach "links" schwebe. Das Problem ist, dass das äußere div seine Höhe nicht erweitert, um dem Text innerhalb des inneren divs zu entsprechen. Da dies wahrscheinlich ziemlich verwirrend ist, werde ich versuchen, es mit etwas Code zu erklären.
HTML:
%Vor%CSS:
%Vor%Ich hoffe eher, dass das, wenn es getestet wird, mein Problem zeigt, da ich keine Gelegenheit hatte, das zu testen. Mein realer Code hat mehr Eigenschaften, die ich bei Bedarf darstellen werde.
Sie müssen den Clear-Fix verwenden. Fügen Sie Folgendes nach dem Floating-Div und innerhalb des Containers ein.
%Vor%Fügen Sie den folgenden Stil hinzu:
%Vor%Beispiel:
%Vor%Vielleicht ist es praktisch, dass es auch den bekannten Clearfix-Code von positioniseverything gibt, der speziell für dieses Problem geschrieben wurde ist wahrscheinlich am robustesten und am einfachsten in jeder Situation anzuwenden. Das CSS sieht folgendermaßen aus:
%Vor%Um es in Ihrer Situation zu verwenden, würden Sie Folgendes tun:
%Vor%Wenn Sie Ihrem HTML-Code kein zusätzliches Markup hinzufügen oder dem äußeren Div eine Breite hinzufügen möchten, können Sie Folgendes verwenden:
%Vor% (Das dritte Mal heute :-)) gib den äußeren div Überlauf: versteckt;
und Breite.
Während die obigen Lösungen funktionieren sollten, ist es wichtig, darauf hinzuweisen, dass es einen magischen Trick gibt, den ich bisher noch nicht gesehen habe (in diesem Thread).
Einfach float # div1 links. Wenn Sie das übergeordnete Element schweben lassen, wird automatisch das untergeordnete Element gelöscht - ziemlich nützlich, wirklich. Sie könnten ein ganzes Layout aus schwebenden Stapeln erstellen und dann am Ende ein letztes frei haben, und es wäre ziemlich zuverlässig.
Ich habe zwei divs (eine innerhalb der anderen) und stoße in ein kleines Problem, wenn ich den einen nach "links" schwebe. Das Problem ist, dass das äußere div seine Höhe nicht erweitert, um dem Text innerhalb des inneren divs zu entsprechen. Da dies wahrscheinlich ziemlich verwirrend ist, werde ich versuchen, es mit etwas Code zu erklären.
HTML:
%Vor%CSS:
%Vor%Ich hoffe eher, dass das, wenn es getestet wird, mein Problem zeigt, da ich keine Gelegenheit hatte, das zu testen. Mein realer Code hat mehr Eigenschaften, die ich bei Bedarf darstellen werde.
Vielleicht ist es praktisch, dass es auch den bekannten Clearfix-Code von positioniseverything gibt, der speziell für dieses Problem geschrieben wurde ist wahrscheinlich am robustesten und am einfachsten in jeder Situation anzuwenden. Das CSS sieht folgendermaßen aus:
%Vor%Um es in Ihrer Situation zu verwenden, würden Sie Folgendes tun:
%Vor% (Das dritte Mal heute :-)) gib den äußeren div Überlauf: versteckt;
und Breite.
Während die obigen Lösungen funktionieren sollten, ist es wichtig, darauf hinzuweisen, dass es einen magischen Trick gibt, den ich bisher noch nicht gesehen habe (in diesem Thread).
Einfach float # div1 links. Wenn Sie das übergeordnete Element schweben lassen, wird automatisch das untergeordnete Element gelöscht - ziemlich nützlich, wirklich. Sie könnten ein ganzes Layout aus schwebenden Stapeln erstellen und dann am Ende ein letztes frei haben, und es wäre ziemlich zuverlässig.