jquery UI手风琴滚动条

Question

我有一个jqueryUI手风琴，看起来不错。我将有大约10个部分（标题），它们将适合在屏幕上。但是，在较小的屏幕上，它会切断我的部分标题。 （我可以通过缩小浏览器窗口来模拟这个）。如果手风琴的标题不能垂直放置，我怎样才能显示滚动条？

手风琴被包裹在一个没有选项设置的div中。就好像需要一个MIN的高度来确保所有的标题可以出现，并为节内容留出一些空间。

我完整的代码如下：

<script> 
    $(function() { 
    $("#settingsnavigation").accordion({ 
     heightStyle: "fill", 
     clearStyle: true, 
     autoHeight: false } 
    ); 
    }); 
    </script> 

<div id="settingsnavigation" style="width:220px"> 
    <h3>General</h3> 
    <div> 
     <div class="settingsubsection">User</div> 
     <div class="settingsubsection">Security</div> 
     <div class="settingsubsection">Units &amp; Ranges</div> 
     <div class="settingsubsection">Notifications</div> 
     <div class="settingsubsection">Vehicles</div> 
     <div class="settingsubsection">Device</div> 
    </div> 
    <h3>Financial</h3> 
    <div> 
     <div class="settingsubsection">Balance</div> 
     <div class="settingsubsection">History</div> 
     <div class="settingsubsection">Purchase</div> 
    </div> 
    <h3>Vehicle: Cadillac Seville STS</h3> 
    <div> 
     <div class="settingsubsection">General</div> 
     <div class="settingsubsection">Units &amp; Ranges</div> 
     <div class="settingsubsection">Select Reminders</div> 
     <div class="settingsubsection">Edit Reminders</div> 
    </div> 
</div> 

Answer 1

CSS的div容器应

overflow: auto;