在網頁設計中,有時需要讓頁面的某個元素占據整個屏幕。通過CSS可以實現這樣的效果。
html,body { height: 100%; margin: 0; padding: 0; } .container { width: 100%; height: 100%; }
以上代碼中,設置了html和body的高度為100%,然后取消了margin和padding的影響。接著,設置.container的寬度和高度都為100%,則.container就占據了整個屏幕。
Hello World!
以上代碼使用了.container類來包裹一個h1標簽,那么該h1標簽就會占據整個屏幕。
注意,該方法需要在CSS中設置html和body的高度為100%,而且頁面中不能有滾動條。如果需要在有滾動條的情況下實現該效果,可以考慮使用position:fixed和top、right、bottom、left屬性配合實現。