我有这个工作正常： http: //jsfiddle.net/uwcEw/ - css 上的传统边框布局。
我想要做的是在边框布局的“中间”有另一个 5 区域边框布局。从上面重新应用相同的模式我得到这个： http: //jsfiddle.net/6bked/4/（编辑链接），它不起作用，显然它与它的父容器无关，但我不确定如何解决此问题，以便我可以根据需要在嵌套上下文中应用此模式。
有什么帮助吗？此外，如果有更好的方法来做到这一点（Compass+Sass/blueprint/js 布局），我愿意接受建议。
更新
我还想澄清一下，我只关心在主要关注 Webkit 的现代浏览器（Webkit，FF）中的工作，我不担心没有启用 javascript 的用户
我不是固定布局的最大粉丝，但如果我理解正确，这应该是你想要做的：http: //jsfiddle.net/8Cq9A/。
尺寸是相对于浏览器窗口的，甚至是嵌套的div's 集。您需要做的是调整您的布局，考虑到这一点。例如，如果您的外部 left 和 rightdiv的宽度设置为 10% （意味着浏览器窗口宽度的 10%）以将中心div分成 2 个相等的两半，您可以将它们的每个宽度设置为：（100% - 10% - 10%) / 2 = 40%。
就个人而言，我会考虑使用花车：http: //jsfiddle.net/Sf8Kp/。但是，您将在这里遇到的问题是，如果您想要链接中看到的等高列。
不过，有很多关于如何解决这个问题的文章。一些很好的读物已经存在了一段时间：alistapart ( 1 , 2 ), positioniseverything。搜索人造列和3 列 [液体|弹性|等高] 布局。