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

  • 来源:网络
  • 更新日期:2020-07-29

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

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

(推荐教程:css快速入门)

代码实现:

html, 
body {
    height: 100%;
}

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

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

div {
    height: 100%;
}