增加手风琴的高度

时间:2012-11-12 15:08:32

标签: html css accordion

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

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

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

我认为可以在ul周围添加另一个像div这样的标记,但我想知道CSS中是否有更简单的方法?

2 个答案:

答案 0 :(得分: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;

仅为示例

答案 1 :(得分:0)

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

像这样:

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

这会使每个a标记的高度翻倍,从而增加li的高度,最终增加ul

的高度