Ich arbeite mit phonegap (build) und habe Probleme beim Hinzufügen einer variablen Anzahl von divs innerhalb eines div-Containers, da ich erwarten würde, dass der Container seine Höhe entsprechend erhöht, tut es aber nicht.
Ich habe den Trick ohne Erfolg versucht. Ich habe auch verschiedene Überläufe und Höhe versucht: automatische Kombinationen ohne Erfolg.
Ich arbeite jetzt daran, die Containerhöhe dynamisch zu erhöhen, aber ehrlich gesagt bin ich mir ziemlich sicher, dass es einen eleganteren Weg geben muss (ich meine, dieser Container könnte in einem anderen Container div sein, und so weiter und ich kann) Stellen Sie sich vor, ich muss diesen Code für jedes von ihnen jedes Mal hinzufügen, wenn ich dieses Verhalten brauche.
Wie geht ihr mit dieser (wahrscheinlich sehr verbreiteten) Situation um?
Bearbeiten:
Ich habe eine Lösung gefunden, die auf Daniels Antwort basiert. Hier ist, wie ich damit umgegangen bin:
Ich arbeite mit drei Container-Divs und einer Liste mit einer variablen Anzahl von Child-Divs:
(Es tut mir leid, dass es mich verrückt macht, den Code richtig hinzuzufügen, damit ich ihn als Bild hinzufügen kann)
Die Erklärung ist:
Ich definiere einige Variablen, um die ursprüngliche Höhe der drei Container-Divs beizubehalten. Später kann ich ihnen die erforderliche zusätzliche Höhe hinzufügen, abhängig davon, wie viele untergeordnete divs enthalten sind.
Ich überprüfe, ob ihre Werte leer sind, also weise ich ihnen den Wert nur beim ersten Mal zu, also füge ich nicht jedes Mal die Höhe hinzu, wenn der Benutzer auf die Seite kommt.
Jedes untergeordnete div ist 40px groß, also füge ich das zu einer Variablen hinzu, die die Gesamthöhenerhöhung akkumuliert.
Schließlich aktualisiere ich die Höhe der Container und ich sehe den gesamten Inhalt.
Wie auch immer, mein Zweifel ist: Ist es wirklich notwendig, es jedes Mal zu tun, wenn ich mit einer dynamischen Höhe arbeiten muss? Es ist schwer für mich zu denken, dass es keinen anderen Weg gibt, um den Containern entsprechend einen dynamischen Inhalt zu bekommen.
Könnte mir jemand helfen, das zu verstehen?
Wie Sie beschreiben, fügen Sie div-Tags zu einem anderen div-Tag hinzu:
%Vor%Die zusätzlichen div-Tags fügen dem #container keine zusätzliche Höhe hinzu.
Wenn Sie das tun, bekommen Sie keine zusätzliche Höhe.
Wenn Sie mehr Höhe innerhalb des #container laden möchten, können Sie das mit vielen verschiedenen Ansätzen tun.
Mit jQuery
%Vor%Mit CSS
%Vor%Wenn Sie einem div # -Container mehr Höhe hinzufügen möchten, können Sie Folgendes tun:
%Vor%