CSS鋪滿整屏div是一種常見的網頁布局技術，可以讓網頁的內容在整個屏幕上均勻分布，同時也能夠保持網頁的美觀性和可讀性。

在HTML中，我們可以使用<div>標簽來創建一個div容器，然后使用CSS來設置div容器中的內容?？梢允褂肅SS的：before和：after偽元素來創建環繞效果，使div內容在整個屏幕上均勻分布。

以下是一個簡單的例子，演示如何使用CSS鋪滿整屏div:

```html

<div class="container">

<div class="content">

這是一個內容

</div>

</div>

```css

.container {

position: relative;

width: 800px;

height: 600px;

.content {

position: absolute;

top: 0;

left: 0;

width: 800px;

height: 600px;

background-color: blue;

.content:before,

.content:after {

content: "";

position: absolute;

top: 50%;

left: 50%;

width: 200px;

height: 100px;

transform: translate(-50%, -50%);

.content:after {

left: 0;

transform: translateX(-50%);

在上面的代碼中，我們創建了一個名為“container”的div容器，然后使用CSS設置了其寬和高。我們創建了一個名為“content”的div元素，并將其設置為絕對定位，并且使用CSS設置了其背景顏色。我們還使用兩個：before和：after偽元素來創建一個環繞效果，使div內容在整個屏幕上均勻分布。

通過使用CSS鋪滿整屏div，我們可以創建美觀、可讀性強的網頁布局。同時，我們也可以根據需要調整div容器中的內容，以滿足不同的需求。