在 HTML 中,我們可以使用樣式表來設置元素的各種樣式。其中,為了讓一個元素的高度占據整個視口高度,我們可以使用如下的 CSS 樣式:
```
body, html {
height: 100%;
}
```
這段代碼中,我們為 `body` 和 `html` 元素設置了 `height: 100%;` 樣式,這表示這兩個元素的高度都將占據整個視口的高度。這樣,我們就可以在這兩個元素中使用其它元素,并讓它們的高度也為整個視口的高度。
比如,我們可以讓一個段落的高度為整個視口的高度。我們可以這樣寫 HTML 代碼:
```
這是一個占據整個視口高度的段落。
``` 然后,我們可以為這個段落添加如下 CSS 樣式: ``` .full-height { height: 100%; } ``` 這樣,這個段落就會占據整個視口的高度了。如果我們在 HTML 頁面中添加多個這樣的具有 `full-height` 類的段落,它們的高度將都會占據整個視口的高度。 當然,你可以使用其它的 HTML 元素,比如 `div`、`section` 或者 `article`,來實現類似的效果。只需要為它們設置 `height: 100%;` 樣式就可以了。上一篇獲取到css的背景圖
下一篇mysql命令歷史記錄表