html - 增加手风琴高度

Question

我想知道在下面的链接中为手风琴示例添加整体高度的最佳方法是什么。

我想让ul子菜单类更高，我希望额外的空间显示为没有列表元素的空。

http://vtimbuc.net/gallery/pure-css3-accordion-menu-tutorial/

我认为可以通过在 div 周围添加另一个标签（如 div ul），但我想知道 CSS 中是否有更简单的方法？

Answer 1

.accordion li:target > .sub-menu {
    min-height: 908px; //add your height here
    background: red; //add a background color what you would like 
    }

我做的

  min-height: 908px;

只是一个例子

Answer 2

您不会增加ul子菜单类的大小，而是每个单独的a标签。

像这样：

.accordion li > a {
  height: 64px; // was 32px;
}

这将使每个a标签的高度加倍，进而增加li并最终增加标签的高度ul