Heim  >  Artikel  >  Web-Frontend  >  So strecken Sie ein Element auf Fensterhöhe

So strecken Sie ein Element auf Fensterhöhe

王林
王林nach vorne
2020-07-29 17:25:012173Durchsuche

So strecken Sie ein Element auf Fensterhöhe

In bestimmten Szenarien möchten wir möglicherweise ein Element auf die Höhe des Fensters strecken. Durch die Anpassung grundlegender Elemente kann nur die Größe des Containers angepasst werden, sodass ein Element gedehnt werden kann Die Höhe des Fensters. Wir müssen die Elemente der obersten Ebene strecken: HTML und Body.

(Empfohlenes Tutorial: CSS-Schnellstart)

Code-Implementierung:

html, 
body {
    height: 100%;
}

(Empfohlenes Video-Tutorial: CSS-Video-Tutorial )

Dann wenden Sie 100 % auf die Höhe eines beliebigen Elements an.

div {
    height: 100%;
}

Das obige ist der detaillierte Inhalt vonSo strecken Sie ein Element auf Fensterhöhe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:juejin.im. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen