CSS中讓div高度充滿屏幕的方法

在CSS中，我們可以使用多種方法讓div元素的高度充滿屏幕，以下是一些常見的方法：

1、使用百分比（%）單位

我們可以將div元素的高度設(shè)置為屏幕高度的百分比，如果我們想要讓div元素的高度充滿整個(gè)屏幕，我們可以將其高度設(shè)置為100%。

div {
  height: 100%;
}

2、使用視口單位（vw、vh）

視口單位是一種相對(duì)單位，允許我們根據(jù)視口（即瀏覽器窗口）的寬度和高度來(lái)設(shè)置元素的尺寸，我們可以使用100vw來(lái)表示視口寬度的100%，或者使用100vh來(lái)表示視口高度的100%。

div {
  height: 100vh;
}

3、使用CSS的max-height屬性

我們可以將div元素的max-height屬性設(shè)置為屏幕高度，這樣即使內(nèi)容超出屏幕高度，也不會(huì)影響頁(yè)面的布局。

div {
  max-height: 100vh;
}

4、使用position屬性

我們可以將div元素的position屬性設(shè)置為absolute或fixed，并將其top、left、right和bottom屬性設(shè)置為0，這樣可以讓div元素充滿整個(gè)屏幕。

div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

是CSS中讓div高度充滿屏幕的一些常見方法，我們可以根據(jù)自己的需求選擇適合的方法來(lái)實(shí)現(xiàn)屏幕填充效果。