CSS技巧：讓div元素?fù)螡M(mǎn)整個(gè)頁(yè)面

在CSS中，我們可以使用多種方法來(lái)使div元素?fù)螡M(mǎn)整個(gè)頁(yè)面，下面是一些常見(jiàn)的技巧：

1、使用百分比寬度：將div元素的寬度設(shè)置為100%，這樣它就可以撐滿(mǎn)整個(gè)頁(yè)面的寬度。

div {
  width: 100%;
}

2、使用自動(dòng)填充（AutoFill）：CSS的fill-available屬性可以自動(dòng)填充可用空間，使div元素?fù)螡M(mǎn)整個(gè)頁(yè)面。

div {
  width: -webkit-fill-available;
}

3、使用視口單位（Viewport Units）：視口單位是一種相對(duì)單位，允許你定義一個(gè)長(zhǎng)度為視口的一部分。vw（視口寬度）和vh（視口高度）單位可以用來(lái)使div元素?fù)螡M(mǎn)整個(gè)頁(yè)面的寬度和高度。

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

4、使用flexbox布局：Flexbox是一種現(xiàn)代的布局技術(shù)，允許你輕松地使div元素?fù)螡M(mǎn)整個(gè)頁(yè)面，通過(guò)將父元素設(shè)置為flex容器，并設(shè)置子元素的寬度為100%，你可以輕松地使div元素?fù)螡M(mǎn)整個(gè)頁(yè)面的寬度。

.container {
  display: flex;
}
.div {
  width: 100%;
}

這些技巧可以幫助你輕松地使div元素?fù)螡M(mǎn)整個(gè)頁(yè)面，你可以根據(jù)自己的需求選擇適合的方法。