CSS中有一個(gè)很重要的規(guī)則，即“display”屬性可以控制元素的顯示方式，包括顯示/隱藏等。使用這個(gè)屬性，我們可以輕松地將一個(gè)div隱藏起來(lái)。

div {
display: none;
}

以上CSS代碼會(huì)將所有div元素的顯示方式設(shè)置為“none”，這會(huì)使div消失不見(jiàn)。

然而，有時(shí)候我們需要將某個(gè)div隱藏起來(lái)，但不希望將其從文檔流中刪除。這時(shí)候可以使用“visibility”屬性。

div {
visibility: hidden;
}

以上CSS代碼會(huì)將所有div元素的顯示方式設(shè)置為“hidden”，這會(huì)使div不可見(jiàn)，但還會(huì)占據(jù)原來(lái)的空間。

有時(shí)候我們還需要將某個(gè)div在某些條件下隱藏起來(lái)，而在其他條件下顯示出來(lái)。這時(shí)候可以在樣式表中使用@media規(guī)則，根據(jù)不同的屏幕尺寸或其他條件設(shè)置不同的樣式。

@media screen and (max-width: 600px) {
div {
display: none;
}
}

以上CSS代碼會(huì)將屏幕寬度小于600px時(shí)的所有div元素的顯示方式設(shè)置為“none”，這會(huì)使這些div在手機(jī)屏幕上不顯示出來(lái)。

總結(jié)一下，使用CSS規(guī)則可以輕松將div元素隱藏起來(lái)，有時(shí)候還可以根據(jù)不同的條件設(shè)置不同的樣式。熟練掌握這些規(guī)則，可以讓我們?cè)陂_(kāi)發(fā)網(wǎng)頁(yè)時(shí)更加靈活自如。