CSS隱藏屏幕外的所有內容是一個很有用的技巧。它可以讓你在網頁內部隱藏一些不必要的元素例如廣告，但仍然可以通過CSS控制它們。

要想實現這樣的效果，你需要先在CSS中添加以下代碼:

.off-screen {
position: absolute;
left: -999em;
}

這個代碼片段的意思是將所有.class為off-screen的元素定位到屏幕的最左端，并且頁面上不會出現這些元素。這個方法也可以通過CSS的width調整元素的位置。

例如我們可以使用以下代碼來將一個4個屏幕寬的元素（我是使用圖片）控制在屏幕外:

.off-screen {
position: absolute;
left: -400vw;
width: 400vw;
}

這段代碼的意思是讓元素寬度達到整個屏幕的4倍，并且將它們定位到屏幕的最左側。

最后，我們不僅可以使用.off-screen class來隱藏內容，還可以在需要的時候添加或刪除它。這個方法可以很好的控制內容呈現的時機和方式。