在CSS中嵌套边框布局？

问题描述

| 我的工作正常：http://jsfiddle.net/uwcEw/-CSS上的传统边框布局。 我要做的是在边框布局的“中间”内有另一个5区域边框布局。从上方重新应用相同的模式，我得到以下信息：http://jsfiddle.net/6bked/4/（已编辑链接），该方法不起作用，显然与它的父容器无关，但我我不确定如何解决此问题，因此我可以根据需要在嵌套上下文中应用此模式。 有什么帮助吗？另外，如果有更好的方法（Compass + Sass / blueprint / js布局），我也欢迎您提出建议。 更新 我还想表明我只关心在大多数与Webkit有关的现代浏览器（Webkit，FF）中的工作，我不担心未启用JavaScript的用户     

解决方法

        我并不是固定布局的忠实拥护者，但是如果我理解正确，这应该是您正在尝试做的事情：http：//jsfiddle.net/8Cq9A/。 尺寸是相对于浏览器窗口的，甚至是嵌套的“ 0”集。您需要做的就是修改布局，并考虑到这一点来调整内部尺寸。例如，如果将外部outer0的左，右宽度设置为10％（即浏览器窗口宽度的10％）以将中心ѭ0分成两个相等的一半，则应将其每个宽度设置为：（100％-10％-10％）/ 2 = 40％。 就个人而言，我将研究使用浮点数：http：//jsfiddle.net/Sf8Kp/。不过，您会遇到的问题是，如果您想要的是相等高度的列，如链接中所示。 尽管有很多文章讨论如何解决这个问题。一些已经读了一段时间的好读物：alistapart（1、2），positioniseverything。到处搜索人造柱和3柱[等高]布局。