html - Css Accordion 菜单，如何将高度设置为自动？

Question

我有这个 Accordion 菜单: Codepen link

问题是展开的 div 的高度是“硬编码”的(查看 css 注释的位置)，而我需要它根据子菜单项的数量展开。

有什么办法解决这个问题吗？

Answer 1

使用高度:自动

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