在 HTML 中,使用 div 標簽可以創(chuàng)建一個獨立的區(qū)塊。如果希望讓這個區(qū)塊鋪滿整個屏幕,可以使用 CSS 來實現(xiàn)。
div { width: 100%; height: 100%; }
以上代碼會將 div 的寬度設(shè)置為屏幕寬度的 100%,高度設(shè)置為屏幕高度的 100%。但這并不足以讓它鋪滿整個屏幕,因為還需要設(shè)置 body 和 html 的高度。
body, html { width: 100%; height: 100%; margin: 0; padding: 0; } div { width: 100%; height: 100%; }
在上述代碼中,我們將 body 和 html 的寬度和高度都設(shè)置為 100%,并將 margin 和 padding 都設(shè)置為 0,這樣就可以讓 div 鋪滿整個屏幕了。
需要注意的是,如果頁面中包含了固定高度的元素,那么 div 不會完全鋪滿整個屏幕。此時需要通過 JS 實現(xiàn)動態(tài)計算高度,以確保 div 鋪滿整個屏幕。