html - アコーディオンの高さを上げる

Question

以下のリンクのアコーディオンの例に全体の高さを追加する最良の方法を教えてください。

ulサブメニュー クラスを高くしたいのですが、余分なスペースをリスト要素のない空として表示したいと思います。

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

の周りに 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タグの高さが 2 倍にliなり、最終的にul