在網頁設計中，有時候需要隱藏一些元素，這時候就需要用到CSS樣式中的隱藏元素的方法。

display:none;

這個CSS樣式可以讓元素完全不可見，同時也不會占據任何的空間。使用這個樣式來隱藏元素的時候，需要注意一下幾點：

隱藏元素的位置：如果需要隱藏的元素是底部的一條導航欄，就需要把這個隱藏樣式放到相應的class或ID選擇器里面，而不是寫在全局樣式中。

隱藏元素的內容：有時候需要把一些元素完全隱藏，這就需要包括元素的內容在內，而不僅僅是元素本身。這時候需要用到下面的樣式：

font-size: 0;
line-height: 0;
visibility: hidden;

這個樣式可以把元素的內容也隱藏掉，但是還保持元素的一些特定屬性，比如border, padding等。

另外我們還可以用下面的樣式來隱藏滾動條：

::-webkit-scrollbar {
display:none;
}

這個樣式是針對webkit瀏覽器的，如果要隱藏其他瀏覽器中的滾動條，可以參考下面的代碼：

/* IE */
overflow: -ms-autohiding-scrollbar;
/* Chrome */
&::-webkit-scrollbar {
display: none;
}
/* Mozilla */
scrollbar-width: none;

總之，CSS中隱藏元素是一個非常方便的方法，可以讓設計師更好地控制用戶呈現在頁面上的內容。