設置 div 滿屏幕需要使用 css 的 width 和 height 屬性，以及 margin 和 padding 屬性來達到效果。

/* 設置 div 的寬度和高度為屏幕的100% */
div {
width: 100%;
height: 100%;
}
/* 為了避免 margin 折疊的問題，可以給 body 添加一個 padding */
body {
padding: 0;
margin: 0;
}

如果想讓 div 的內容全屏顯示，還需要添加 box-sizing 屬性，這樣就可以同時計算 padding 和 border 的寬度。

/* 設置 box-sizing 屬性 */
div {
box-sizing: border-box;
}
/* 添加 padding 和 border 屬性 */
div {
box-sizing: border-box;
padding: 20px;
border: 1px solid black;
}

如果還希望 div 可以響應屏幕大小的變化，可以使用 viewport 單位。

/* 使用 viewport 單位 */
div {
width: 100vw;
height: 100vh;
}

設置 div 滿屏幕不僅在網頁設計中非常常用，而且也是響應式網頁設計必備技能。掌握這些技巧，可以更好地實現網頁的布局效果。