各位大大,請(qǐng)幫忙解決一下這個(gè)問(wèn)題,先謝謝!由于之前的代碼不是全部帖出,可能造成一點(diǎn)信息誤解。以下是針對(duì)這個(gè)問(wèn)題另外寫(xiě)的代碼:<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>---------------------------------------------------------------------------------------------------------現(xiàn)在問(wèn)題就只有一個(gè):.nav:hover {height: 500px;} ? 會(huì)正常顯示過(guò)渡效果;.nav:hover {height: auto;} ? 則不會(huì)顯示過(guò)渡效果。由于.nav即不同的子級(jí)菜單的高度屬性都不一定相同,所以不可能給每一個(gè).nav設(shè)置hover樣式。那么如何能做到,.nav自動(dòng)適應(yīng)高度,又可以正常顯示過(guò)渡效果呢?
添加回答
舉報(bào)
0/150
提交
取消