各位大大，請幫忙解決一下這個問題，先謝謝！
由于之前的代碼不是全部帖出，可能造成一點資訊誤解。
以下是針對這個問題另外寫的代碼：
.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自動适應高度，又可以正常顯示過渡效果呢？