Question

我发现了一个类似于我的jsfiddle。

<html>  

  <body>
    
    <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript">       </script>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    
    <h1>Map that go to different locations </h1>
    <div id="googleMap" style="width: 500px; height: 380px"></div>
    
  </body>
  
</html>

在输出中，section3 div具有更多内容，其高度大于其他部分。因此看起来其他div（section1，section2和section4）的高度也设置为section3的高度。有没有办法根据其内容调整所有div的高度？ section1和section2底部有更多空格，因为高度大于内容。感谢您对此的帮助。谢谢！

Answer 1

如果你将heightStyle选项设置为＆＃34; content＆＃34;当初始化手风琴时，我认为它将具有你想要的风格

$("#accordion").accordion({
    collapsible:true,
    active:false,
    heightStyle:"content"
});

https://jqueryui.com/accordion/#no-auto-height

如何根据手风琴滑块中的内容调整嵌套div的高度？

1 个答案: