Css 需要div布局足够灵活，以便在需要时进行扩展

我正在将我的应用程序从WPF移植到HTML/Javascript，并且在应用程序所需的布局方面遇到了问题

此布局应占据整个可用屏幕。实际上，它将被放入jquery ui选项卡中，因此，从技术上讲，通过菜单、徽标和选项卡，它不会出现在整个屏幕上。我已经完成了部分工作，但不是全部

左侧将有一个自定义的拖鞋地图，我希望它能够在水平和垂直方向上占据尽可能多的可用空间

右侧的顶部和底部将有一些过滤器，中间显示过滤器的结果。结果可能相当长，因此如果从web服务器提取了太多内容，则需要垂直滚动

所有我需要的帮助是基本的布局，以支持这一点。任何帮助都将不胜感激。你可以在下面看到我的布局图。提前谢谢

---

在该div中，添加

style=“max width:350px；overflow-y:scroll；”

首先，您需要类似的内容（称为流体固定布局），下面是一个可以从Dynamic Drive获得的示例。例外情况是，您需要“反转”边距和宽度（从左到右替换），因为示例与布局相反

其次，您需要将第二个div（350x50）放在页面底部。您可以做的一件事是设置该div，使其具有以下功能：

#small_box
{
    position: absolute;
    right: 0;
    bottom: 0;
    ...
}

上面的链接即使在IE6上也能工作+

---

希望有帮助。

我刚刚决定使用相对定位和一些javascript。我花了数小时寻找一个优雅的解决方案，但没有结果，而且在我决定使用javascript时只花了几分钟。在WPF中，这样的事情很容易做到，所以令人惊讶。我基本上只是附加到window.onresize事件并手动设置右垂直扩展滚动条的高度。无论如何，感谢您的建议。

我再次更新了javascript布局管理器，它将为我完成更多繁重的工作。使用名为LayoutManager的jquery插件：。