


Untergeordnete Divs strecken, um sie an die Größe der Eltern anzupassen
Wenn Sie auf eine Situation wie die beschriebene stoßen, in der die Höhe eines untergeordneten Divs übereinstimmen sollte die seines Elternteils, aber die Größe des Elternteils ist unbekannt, eine Lösung kann durch Flexbox gefunden werden.
Um eine vertikale Skalierung des Kinds zu erreichen div, das übergeordnete Element erfordert den folgenden Stil:
display: flex;
Zusätzlich sollten Sie Browser-Präfixe hinzufügen, um die browserübergreifende Kompatibilität sicherzustellen.
Die align-items: stretch; Eigentum ist ebenfalls von entscheidender Bedeutung. Da es sich jedoch um den Standardwert für align-items in Flexboxen handelt, müssen Sie ihn nicht explizit festlegen, es sei denn, Sie beabsichtigen, einen anderen Wert zu verwenden.
Die align-items-Eigenschaft von Flexbox wirkt sich auf untergeordnete Elemente aus, nicht auf die Element, auf das es angewendet wird. Um die Streckung für untergeordnete Elemente zu definieren, können Sie die Eigenschaft align-self verwenden.
Betrachten Sie das folgende Beispiel:
.parent { background: red; padding: 10px; display:flex; } .other-child { width: 100px; background: yellow; height: 150px; padding: .5rem; } .child { width: 100px; background: blue; }
<div class="parent"> <div class="other-child"> Only used for stretching the parent </div> <div class="child"></div> </div>
In diesem Beispiel existiert ausschließlich das other-child-Div um die Körpergröße der Eltern zu strecken. Dadurch nimmt das untergeordnete Div 100 % der einstellbaren Höhe des übergeordneten Elements ein.
Das obige ist der detaillierte Inhalt vonWie kann ich dafür sorgen, dass sich ein untergeordnetes Div auf die Größe seines übergeordneten Elements mit unbekannter Größe ausdehnt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Ich habe kürzlich eine Lösung gefunden, um die Farbe eines Produktbildes dynamisch zu aktualisieren. Mit nur einem Produkt können wir es auf unterschiedliche Weise zeigen, um zu zeigen

In der Roundup in dieser Woche wird Lighthouse beleuchtet, die Drittanbieter-Skripte, unsichere Ressourcen auf sicheren Websites und viele Länderverbindungsgeschwindigkeiten blockiert werden

Es gibt eine Menge Analyseplattformen, mit denen Sie Besucher- und Nutzungsdaten auf Ihren Websites verfolgen können. Vielleicht vor allem Google Analytics, das weit verbreitet ist

Der Dokumentkopf ist vielleicht nicht der glamouröseste Teil einer Website, aber was darauf einfließt

Was passiert, wenn Sie ein JavaScript sehen, das Super () aufruft. In einer Kinderklasse verwenden Sie Super (), um den Konstruktor und Super des Elternteils anzurufen. zugreifen

JavaScript verfügt über eine Vielzahl von integrierten Popup-APIs, die eine spezielle Benutzeroberfläche für die Benutzerinteraktion anzeigen. Berühmt:

Ich habe neulich mit einigen Front-End-Leuten darüber gesprochen, warum so viele Unternehmen zugängliche Websites erstellen. Warum sind Websites so schwer zugänglich?

Es gibt ein HTML -Attribut, das genau das tut, was Sie denken, dass es tun sollte:


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

mPDF
mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),

SAP NetWeaver Server-Adapter für Eclipse
Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

WebStorm-Mac-Version
Nützliche JavaScript-Entwicklungstools

MinGW – Minimalistisches GNU für Windows
Dieses Projekt wird derzeit auf osdn.net/projects/mingw migriert. Sie können uns dort weiterhin folgen. MinGW: Eine native Windows-Portierung der GNU Compiler Collection (GCC), frei verteilbare Importbibliotheken und Header-Dateien zum Erstellen nativer Windows-Anwendungen, einschließlich Erweiterungen der MSVC-Laufzeit zur Unterstützung der C99-Funktionalität. Die gesamte MinGW-Software kann auf 64-Bit-Windows-Plattformen ausgeführt werden.

VSCode Windows 64-Bit-Download
Ein kostenloser und leistungsstarker IDE-Editor von Microsoft