在前端開發中，經常需要使用 CSS 和 JavaScript 來實現各種頁面效果。有時候，我們需要將某個元素占滿整個屏幕，這時就需要用到一些特殊的技巧。

首先來看如何使用 CSS 將一個元素占滿整個屏幕。這可以通過設置元素的寬度、高度以及定位屬性來實現。具體方法如下：

html, body {
margin: 0;
padding: 0;
height: 100%;
}
.my-element {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

上面的代碼中，我們先將 html 和 body 元素的高度設置為100%，以確保它們占滿整個屏幕。然后，我們就可以通過將要占滿屏幕的元素設置為絕對定位，并將它的寬度和高度設為100%來實現這一效果。

接下來，我們看看如何使用 JavaScript 實現同樣的效果。使用 JavaScript，我們需要先獲取窗口的尺寸，然后設置元素的尺寸和定位來占滿整個屏幕。下面是具體的實現方法：

var myElement = document.querySelector('.my-element');
var windowHeight = window.innerHeight;
var windowWidth = window.innerWidth;
myElement.style.position = 'absolute';
myElement.style.top = '0';
myElement.style.left = '0';
myElement.style.width = windowWidth + 'px';
myElement.style.height = windowHeight + 'px';

上面的代碼中，我們首先獲取了窗口的尺寸，然后將要占滿屏幕的元素設置為絕對定位，并分別設置它的 top、left、width 和 height 屬性來占滿整個屏幕。

最后，需要注意的一點是，在設置元素的寬度和高度為100%時，要確保元素的父級元素也具有正確的尺寸，否則元素可能會顯示不正確。