HTML點擊下拉窗口是一個常用的功能，可以展示更多的信息，同時也可以節約頁面空間。今天，我們來分享一個免費的HTML下拉窗口代碼，讓您輕松地添加這個功能到您的網站。
<html>
<head>
<style>
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
</style>
</head>
<body>
<div class="dropdown">
<a href="#">點擊這里</a>
<div class="dropdown-content">
<p>這里是下拉窗口里的內容</p>
</div>
</div>
</body>
</html>以上代碼會創建一個下拉菜單，當鼠標懸停在“點擊這里”鏈接上時，會顯示一個包含“這里是下拉窗口里的內容”的下拉窗口。您可以根據需要修改鏈接的文本和下拉窗口里的內容。
如果您希望下拉窗口出現在鏈接下面而不是上面，只需要將 .dropdown-content 的 position 屬性修改為 relative，并將 .dropdown:hover .dropdown-content 的 top 屬性改為 bottom 即可。
這個免費HTML點擊下拉窗口代碼易于實現并且非常實用，可以幫助您為您的網站增添不少亮點。