【发布时间】：2010-11-09 21:55:14
【问题描述】：
我正在尝试在没有表格或 JavaScript 的情况下实现以下布局。
这基本上是桌面软件的常见布局。一些工具栏和中间的实际内容。我正在尝试在 Web 应用程序中复制布局。
我需要所有工具栏都灵活且可选。因此，在一种状态下，顶部工具栏可能只有 3 行图标，而在另一种情况下，所有四个工具栏都只有一点内容。
应用程序将使用 100% 的文档宽度/高度，并且不得溢出。但是，中间的 div 有 overflow: auto 并且应该在各个方向上缩放。可能会出现所有工具栏都被隐藏的情况，然后中间的 div 应该占据整个文档。
该应用程序需要 JavaScript 并且根本不支持 IE6，但我仍在寻找一种跨浏览器的方式来使用 CSS 来实现这一点。
用表格来做这件事非常简单和干净，我知道如何用 JavaScript 来做，但是我多次遇到这个问题，想停止使用表格。
【问题讨论】：
-
我没有当前代码。我通常用表格来解决这个问题，因为我不知道用 div 来解决这个问题。我可以创建一个固定的布局示例，但我认为我的问题中的图像足以说明问题。