1 回答

TA貢獻(xiàn)1891條經(jīng)驗(yàn) 獲得超3個(gè)贊
并非所有元素都顯示的原因是因?yàn)椋?/p>
.sidebar-nav .dropdown.open + .wsite-menu-wrap, .mobile-nav .dropdown.open + .wsite-menu-wrap {
width: 100%;
max-height: 1000px;
}
通過將max-height0px 更改為1000px. 菜單中的元素超出1000px并且它們被切斷。
當(dāng)使用 CSS 過渡來擴(kuò)展元素時(shí),這實(shí)際上是一個(gè)非常常見的問題。CSS 過渡僅在height高度設(shè)置為精確值時(shí)才有效。您可以在此處閱讀更多相關(guān)信息:https ://css-tricks.com/using-css-transitions-auto-dimensions/
該max-height技巧提供了一種解決方法。但它有它的缺點(diǎn)——如果元素?cái)U(kuò)展超過它的值max-height就會(huì)被切斷。
最簡(jiǎn)單的解決方案是簡(jiǎn)單地增加 , 的值max-height,直到所有元素都顯示出來。這會(huì)起作用,但如果將來該元素?cái)U(kuò)展得更多,那就不理想了。
可以在上面的 css-tricks 網(wǎng)頁中找到更復(fù)雜(并且可以說是更好)的解決方案。
不過,您確定在手風(fēng)琴菜單中顯示如此大量的鏈接是個(gè)好主意嗎?重新考慮導(dǎo)航會(huì)不會(huì)更好,也許有一個(gè)單獨(dú)的頁面包含所有書籍?
添加回答
舉報(bào)