在前端開發中，有時我們需要讓頁面元素占滿整個橫屏幕，這個就需要使用 CSS 來實現。

/* 以下是讓元素占滿橫屏幕的 CSS 代碼 */
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.full-screen {
width: 100%;
height: 100%;
}

上述 CSS 代碼中，html元素和body元素被設置為占滿整個視口（viewport），即橫向占滿整個屏幕寬度，縱向占滿整個屏幕高度。同時，將margin和padding設置為 0，可以去掉默認的外邊距和內邊距，讓頁面元素更加貼近屏幕邊緣。

為了避免內容的溢出，我們還需要將overflow屬性設置為hidden，確保內容不會超出視口范圍。接下來，我們只需要給需要占滿屏幕的元素添加full-screen類名即可。

<div class="full-screen">
...</div>

在實際項目中，我們可能還需要更多的 CSS 樣式來控制頁面元素的布局和外觀。這里只是簡單介紹如何讓元素占滿橫屏幕，以供參考。