如何用 HTML 制作网页高度适合屏幕高度？

可以使用多种方法来让网页高度适应屏幕高度 −

提供相对高度 −

html, body {
   height: 100%;
}

您还可以使用固定定位 −

#main
{
   position:fixed;
   top:0px;
   bottom:0px;
   left:0px;
   right:0px;
}

您还可以使用视口高度来达到您的目的 −

height: 100vh;

Lakshmi Srinivas

更新于：2020 年 6 月 25 日

已浏览 3000+ 次

开启你的 职业生涯

完成课程获得认证

开始