各位大大，請幫忙解決一下這個問題，先謝謝！

由于之前的代碼不是全部帖出，可能造成一點信息誤解。

以下是針對這個問題另外寫的代碼：

.nav {

width: 50px;

height: 50px;

overflow:hidden;

background-color: #09F;

transition: all ease-in-out 2s 0s;

}

.nav:hover {

/* 指定高度 */

height: 500px;

}

---------------------------------------------------------------------------------------------------------

0000

0000

0000

0000

---------------------------------------------------------------------------------------------------------

現在問題就只有一個：

.nav:hover {height: 500px;} ? 會正常顯示過渡效果；

.nav:hover {height: auto;} ? 則不會顯示過渡效果。

由于.nav即不同的子級菜單的高度屬性都不一定相同，所以不可能給每一個.nav設置hover樣式。

那么如何能做到，.nav自動適應高度，又可以正常顯示過渡效果呢？

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的html hover效果下拉个框,关于下拉菜单（CSS）中，“：hover”样式的设置问题？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。