- 原生基礎
- HTML| CSS| HTML5| CSS3| JavaScript
最新推薦
-
30分鐘學會網站佈局
152542 人學習
最新推薦
-
你的第一行UNI-APP程式碼
5487 人學習
-
Flutter 從頭到應用程式啟動
7821 人學習
最新推薦
-
AXURE 9影片教學（適用於產品經理互動產品設計UI）
3350 人學習
-
零基礎PS影片教學
180660 人學習
-
16天帶你入門UI視頻教程
48569 人學習
-
PS技巧和切片技巧影片教學
18603 人學習
最新推薦
-
阿裡雲環境搭建以及項目上線視頻教程
40936 人學習
-
電腦網路概述－程式設計師必須掌握的基礎知識
1549 人學習
-
程式設計師必備教學——HTTP協定講解
1183 人學習
-
Websocket影片教學
32909 人學習
你還需要在
<html>和<body>元素上設定高度；否則，它們只會足夠大以適應內容。 例如：<!DOCTYPE html> <title>Example of 100% width and height</title> <style> html, body { height: 100%; margin: 0; } div { height: 100%; width: 100%; background: red; } </style> <div></div>百分比是什麼的百分比？
要設定百分比高度，其父元素(*)必須具有明確高度。這是相當明顯的，如果您將高度保留為
auto，則區塊將採用其內容的高度...但是，如果內容本身的高度以父元素的百分比表示，您就陷入了一個小困境。瀏覽器放棄了，只使用內容高度。因此，div的父元素必須具有明確的
height屬性。雖然如果您願意，該高度也可以是百分比，但這只會將問題提升到下一個等級。如果您想要讓div的高度成為視窗高度的百分比，則div的每個祖先元素，包括
<html>和<body>，都必須具有height: 100%，因此存在一個明確的百分比高度鏈到div。(*：或者，如果div被定位，則為“包含區塊”，即最近的也被定位的祖先元素。)
或者，所有現代瀏覽器和IE>=9都支援相對於視口高度(
vh)和視窗寬度(vw)的新CSS單位：div { height:100vh; }在此處查看更多資訊。