JavaScript - Sie müssen eine Möglichkeit finden, OuterHeight des Elements festzulegen

Ich habe ein Container-Element, das eine Art Layout-Container für seine Kinder ist, und basierend auf einigen Attributen muss ich Kinder anordnen.

Ich brauche einen einfachen Weg, um outwardHeight eines Elements zu setzen, etwa so wie

jQuery's outerHeight setzt die Höhe überhaupt nicht, sondern ist eine readonly Methode.

In der obigen Methode verliere ich Grenzen der Eingabe vom Typ Text.

Die untergeordneten Elemente meines Elements werden basierend auf dem verfügbaren Speicherplatz angedockt und einige andere Kriterien basierend auf Daten, die es enthält, einfache Layouts wie float, clear usw. funktionieren nicht, da sich padding usw. dynamisch basierend auf den Größen ändert. Ich werde schließlich mit Tisch enden, auch wenn ich nicht will, aber keine Wahl habe, aber trotzdem danke für die Hilfe.

Wenn das Element jetzt auf mehr als childs skaliert ist, gibt es kein Problem, aber manchmal hat das container-Element vielleicht eine geringere Höhe als die Kinder, und zu dieser Zeit muss ich die Größe erhöhen.

Ich brauche eine Erklärung, wie man Laufzeithöhe / -breite berechnet, einschließlich / ohne Padding / Rand / Rahmen usw. und wie man es richtig einstellt, so dass ich keine Probleme habe. Ich kann nicht alle Permutationskombinationen ausprobieren, da ich selbst auf der jQuery-Website keine korrekte Dokumentation sehe.

Fixed-Height-Berechnungen sind in Ordnung, aber dies ist eine Art dynamisches Element, das seine Größe ändert und Kinder in einer bestimmten Reihenfolge anordnet.

Problem ist, dass outerHeight nicht gesetzt werden kann. Wenn wir Höhe / Breite eines Elements einstellen, ist die Höhe / Breite tatsächlich innere Höhe / Breite, ohne Berücksichtigung der Marge. Wenn wir die Größe ändern wollen, benötigen wir outerHeight , aber wir können die äußere Höhe nicht so einfach zurückstellen.

Meine calculateSize und layoutChildren sind zwei getrennte Methoden und zwei separate Algorithmen, da die Größe der Eltern auf die Summe aller Kinderhoheiten geändert wird. Und dann wird die Höhe einfach durch Nein geteilt. von Kindern gestapelt übereinander. Meine Berechnung ist perfekt, aber in meiner layoutChildren-Methode habe ich "outerHeight" und "outerWidth" von element und habe keine Ahnung, wie man es richtig setzt, indem man jQuery oder irgendeinen anderen Weg benutzt.