Rumah >hujung hadapan web >tutorial css >如何伸展一个元素到窗口高度

如何伸展一个元素到窗口高度

王林
王林ke hadapan
2020-07-29 17:25:012246semak imbas

如何伸展一个元素到窗口高度

在具体场景中,我们可能想要将一个元素伸展到窗口高度,基本元素的调整只能调整容器的大小,因此要使一个元素伸展到窗口高度,我们需要伸展顶层元素:html和body。

(推荐教程:css快速入门

代码实现:

html, 
body {
    height: 100%;
}

(视频教程推荐:css视频教程

然后将100%应用到任何元素的高即可。

div {
    height: 100%;
}

Atas ialah kandungan terperinci 如何伸展一个元素到窗口高度. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:juejin.im. Jika ada pelanggaran, sila hubungi admin@php.cn Padam