CSS中讓div占滿屏幕的方法

在CSS中，有多種方法可以讓一個(gè)div元素占滿屏幕，以下是一些常用的方法：

1、使用寬度和高度屬性

通過設(shè)定div的寬度和高度為100%，可以讓div占滿屏幕。

div {
  width: 100%;
  height: 100%;
}

2、使用視口單位

視口單位（vw、vh）相對(duì)于視口（瀏覽器窗口）的寬度和高度，使用vw單位，可以將div的寬度設(shè)置為視口寬度的100%。

div {
  width: 100vw;
  height: 100vh;
}

3、使用position屬性

通過設(shè)定div的位置為absolute或fixed，并將其top、left、right和bottom屬性設(shè)置為0，可以讓div占滿屏幕。

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

4、使用flexbox布局

使用flexbox布局，可以將div設(shè)置為一個(gè)flex容器，并使其子元素填充整個(gè)容器。

div {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}

5、使用grid布局

使用grid布局，可以將div設(shè)置為一個(gè)grid容器，并使其子元素填充整個(gè)容器。

div {
  display: grid;
  align-items: stretch;
  justify-content: stretch;
}

這些方法都可以讓div元素占滿屏幕，具體使用哪種方法取決于你的需求和布局需求。