CSS下拉菜單是現代網站設計中常用的一種交互方式，它使得網站在功能和美觀方面都能有所提升。但是有時候，我們可能需要隱藏這個下拉菜單，這里提供一種方法。 首先，我們在HTML中定義一個下拉菜單：

<div class="dropdown">
<button class="dropbtn">下拉菜單</button>
<div class="dropdown-content">
<a href="#">選項一</a>
<a href="#">選項二</a>
<a href="#">選項三</a>
</div>
</div>

接下來，在CSS中，我們可以使用下面的代碼將下拉菜單隱藏：

.dropdown-content {
display: none;
}

然后，我們需要使用JavaScript來控制下拉菜單的顯示與隱藏：

var dropdown = document.getElementsByClassName("dropdown");
for (var i = 0; i< dropdown.length; i++) {
dropdown[i].addEventListener("click", function() {
this.classList.toggle("active");
var dropdownContent = this.children[1];
if (dropdownContent.style.display === "block") {
dropdownContent.style.display = "none";
} else {
dropdownContent.style.display = "block";
}
});
}

這段代碼會檢測在頁面中所有帶有“dropdown”類名的元素，當用戶單擊任何一個下拉菜單時，它將會切換該下拉菜單的“active”類名，同時通過JavaScript來控制下拉菜單的顯示與隱藏。 希望這篇文章能夠幫助大家理解如何在CSS中隱藏下拉菜單。