在網(wǎng)頁設(shè)計(jì)中，有時(shí)候需要隱藏一些元素，這時(shí)候就需要用到CSS樣式中的隱藏元素的方法。

display:none;

這個(gè)CSS樣式可以讓元素完全不可見，同時(shí)也不會占據(jù)任何的空間。使用這個(gè)樣式來隱藏元素的時(shí)候，需要注意一下幾點(diǎn)：

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

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

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

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

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

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

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

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

總之，CSS中隱藏元素是一個(gè)非常方便的方法，可以讓設(shè)計(jì)師更好地控制用戶呈現(xiàn)在頁面上的內(nèi)容。