Jquery 导航侧栏布局

我设计了一个网站与以下侧栏

(div width=300px) sidebar
> (div) Create New Client
  > (button) New Client
> (div) Search
  > (input text) search_text
  > (button) submit
  > Client 01
  > Client 02
  > Client 03
  > ...
> (div) History
  > Action 01
  > Action 02
  > Action 03
  > ...

所有的div标签都链接到jQueryUI中的accordion函数（当然除了侧边栏），因此它们会扩展和收缩以显示内容

---

我的问题是这个。

client div

将显示大约50个客户端，

history div

将显示大约20个操作。如何确保手风琴使用页面的整个高度（必要时使用滚动条），并且不会将内容从底部页面向下推？

已决定使用以下布局，然后使用ajax将手风琴（div）下方的区域重新加载为用户输入：

(div width=300px) sidebar
> (div) Create New Client
  > (button) New Client
> (div) Search
  > (input text) search_text
  > (button) submit
> (div) History
  > (radio buttons/textfields) History Options

(div) Results
  > Client 01/Action 01
  > Client 02/Action 02
  > Client 03/Action 03
  > ...

这使得我关于扩展jquery手风琴的问题变得相当沉默，因为可以通过从文档/窗口的高度减去手风琴的高度来推断所需的

div结果

height