各位大大,請幫忙解決一下這個問題,先謝謝!由于之前的代碼不是全部帖出,可能造成一點信息誤解。以下是針對這個問題另外寫的代碼:<style>.nav { width: 50px; height: 50px; overflow:hidden; background-color: #09F; transition: all ease-in-out 2s 0s;}.nav:hover { /* 指定高度 */ height: 500px;}</style>---------------------------------------------------------------------------------------------------------<body><div class="nav"> <p>0000</p> <p>0000</p> <p>0000</p> <p>0000</p></div></body>---------------------------------------------------------------------------------------------------------現在問題就只有一個:.nav:hover {height: 500px;} ? 會正常顯示過渡效果;.nav:hover {height: auto;} ? 則不會顯示過渡效果。由于.nav即不同的子級菜單的高度屬性都不一定相同,所以不可能給每一個.nav設置hover樣式。那么如何能做到,.nav自動適應高度,又可以正常顯示過渡效果呢?
- 1 回答
- 0 關注
- 1677 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消
