CSS是網頁開發中非常重要的一部分，其中div全屏代碼是經常使用的一種技術。如何讓一個div全屏呢？下面來分享一下代碼。

html, body {
height: 100%;
margin: 0;
}
div {
height: 100%;
}

以上是最常見的div全屏代碼，在這段代碼中，我們首先通過設置html、body的高度為100%以及設置margin為0，使得頁面的高度和寬度分別填滿整個瀏覽器窗口，并取消了默認的外邊框。

隨后我們設置div元素的高度為100%，在這里我們可以不用設置寬度，因為div元素默認的寬度就是瀏覽器窗口的100%。通過這樣的設置，div元素就可以全屏顯示了。

但是，有時候我們需要實現一些更具有交互性的全屏頁面。比如說，我們要實現一個背景圖全屏，同時設置一些內容居中顯示，如何處理呢？

html, body {
height: 100%;
margin: 0;
}
.bg-img-div {
height: 100%;
background-image: url("bg.jpg");
background-position: center;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
}
.content {
padding: 20px;
background-color: #fff;
}

在這段代碼中，我們首先設置html、body的高度和margin，使得網頁能夠填充整個瀏覽器窗口。

接著，我們設置一個div元素，將背景圖片設置為全屏，水平和垂直都居中顯示。在這個div元素中，我們通過設置display: flex; justify-content: center; align-items: center;來使內容居中顯示。

最后，我們可以在這個div元素中添加其他內容，比如一個內容塊content，通過設置padding和background-color來實現內容區域的全屏和背景色。同樣通過在這個content元素中設置display: flex; justify-content: center; align-items: center;，我們可以實現文本居中顯示的效果。

實現div全屏并不難，只需一些簡單的css代碼即可。但是如何更好地實現全屏頁面，須要結合實際需求，合理使用css技術。