高度样式：“；填写「；在Jquery中不适用于accordion

-随着容器尺寸的变化，我可以定制
在#backlogEpic中定义的宽度，即526px，但高度不是
定制。为了填充容器分配的垂直空间，我 已将heightStyle选项设置为“fill”，但该选项仍不起作用
出来它的取值是使用“自动”的默认高度。如何定制
我的高度。若你们在图中看到，展开的面板将从容器中取出

     html:-  
        <div id="backlogEpic" class="ui-widget-content">
        <div id="backlogAccordion">  
        <--- accordian code---->   
        </div> 
        </div>

    css :-  
      #backlogEpic{  
      padding: 10px;    height: 200px;    width: 526px;    right: 25px;    }  

   javascript:-  


    $(function() {

      $( "#backlogEpic" ).resizable({
         minHeight:140,
          minWidth: 150,
          resize: function() {
              $( "#backlogAccordion" ).accordion( "refresh" );
          }
      });
      $( "#backlogAccordion" ).accordion({
          heightStyle: "fill"
      });    });

html:-
css:-
#背景{
填充：10px；高度：200px；宽度：526px；右侧：25px；}
javascript:-
$（函数（）{
$（“#backlogEpic”）。可调整大小({
身高：140，
最小宽度：150，
调整大小：函数（）{
$（“背景手风琴”）。手风琴（“刷新”）；
}
});
$（“背景手风琴”）。手风琴({
高度样式：“填充”
});    });

外观表明有一个未清除的浮动，导致包装容器显示为原来的样子。尝试在手风琴后添加“clear”元素：

.clearer{
clear:both:
height:1px;
margin-bottom:-1px;
}

<div id="backlogEpic" class="ui-widget-content">
    <div id="backlogAccordion">  
    <--- accordian code---->   
    </div> 
    <div class='clearer'></div>
</div>

。更清晰{
清楚：两者都是：
高度：1px；
边缘底部：-1px；
}

我和你一直在解决同样的问题。我的站点使用jQuery 1.9.1和jQueryUI 1.10.2。我所有的努力都是在家长部门，但从文件或讨论中什么都没有起作用。昨天我发现了这样一个话题，莫蒂建议修改每个手风琴面板的CSS，而不是父面板：

#accordion .ui-accordion-content {    
    max-height: 400px;
    overflow-y: auto;
}

---

在从昨天开始的有限测试中，这解决了手风琴容器溢出的问题。

试试这个。创建事件时：

     html:-  
        <div id="backlogEpic" class="ui-widget-content">
        <div id="backlogAccordion">  
        <--- accordian code---->   
        </div> 
        </div>

    css :-  
      #backlogEpic{  
      padding: 10px;    height: 200px;    width: 526px;    right: 25px;    }  

   javascript:-  


    $(function() {

      $( "#backlogEpic" ).resizable({
         minHeight:140,
          minWidth: 150,
          resize: function() {
              $( "#backlogAccordion" ).accordion( "refresh" );
          }
      });
      $( "#backlogAccordion" ).accordion({
          heightStyle: "fill"
      });    });

计算手风琴头-->c

计算内容高度：父级高度（#内容）-（c*坐标高度）

设置内容（.ui手风琴内容）外部高度 您应该了解jquery的高度、内部高度和外部高度

$( "#accordion" ).accordion({
    heightStyle: "fill",
    collapsible:true,
    active:false,
    animate:300,
    create: function( event, ui ) {
        var c=$(".ui-accordion-header").length;
        var h=$("#content").height() - (c* $(".ui-accordion-header").outerHeight(true));
        $(".ui-accordion-content").outerHeight(h);
    }
});