Css手风琴菜单，如何设置高度自动？

Question

我有这个手风琴菜单： Codepen link

问题是扩展div的高度是“硬编码”（请参阅​​css注释的位置），而我需要根据子菜单项的数量进行扩展。

任何想法如何解决这个问题？

Answer 1

使用height: auto

#accordion div:hover {
    height:auto; /* THIS NEEDS TO ADJUST AUTOMATICALLY */
}