在具体场景中，我们可能想要将一个元素伸展到窗口高度，基本元素的调整只能调整容器的大小，因此要使一个元素伸展到窗口高度，我们需要伸展顶层元素：html和body。
（推荐教程：css快速入门）
代码实现：
html,
body {
height: 100%;
}（视频教程推荐：css视频教程）
然后将100%应用到任何元素的高即可。
div {
height: 100%;
}以上就是如何伸展一个元素到窗口高度的详细内容，更多请关注php中文网其它相关文章！
CSS 教程之《CSS高级讲解视频教程》本节课程是由北风网录制。层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS教程7419次播放
《CSS3进阶视频教程》本课程是由北风网录制，CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。
CSS3教程5422次播放
CSS教程之《CSS视频教程-玉女心经版》为php中文网原创视频教程。html和css是组成WEB前端开发最核心的部分，所以结合之前的html课程，我们再来学习本章节的css，将会获得更好的体验。课程内容非常有节奏的安排，知识点简单明了，让你从头到尾学习毫无压力。本章节讲解的是有关CSS基础的内容，轻松明快，适合新手观看学习。
CSS教程142809次播放
