将高度设置为 jquery ui 手风琴

Question

我正在使用 jquery ui 手风琴。

$(function() {
    $( "#accordion" ).accordion({
        collapsible:true,
        active : 'none',
        autoHeight: false,
         navigation: true
        });
  });

并使用 CSS

#accordion
{
    width:70%;
    height:400px;
    padding-top:80px;
    padding-left:100px;
}

但是我的第一个手风琴 div 的内容很大。所以当我打开那个 div/header 时。手风琴超越了页脚。如何设置手风琴的高度？

Answer 1

所以试试

#accordion .ui-accordion-content {
    max-height: 200px;
}

演示：Fiddle