如何使用网格框架实现部分灵活的屏幕布局？

我想实现使用CSS网格框架（蓝图）以下屏幕布局，但没有成功：如何使用网格框架实现部分灵活的屏幕布局？

enter image description here

如何与网格框架实现这一目标？有没有人有一个CSS/HTML代码示例来分享？谢谢。

P.S：我想用一个框架的原因是为了确保此布局在所有浏览器（任何安全框架是确定的，它并没有为蓝图）。

2011-11-30 JVerstry

在深入研究这个问题之后，我明白了用网格框架解决这个问题是不可能的。问题在于几个高度和宽度是相互导出的。而且，根据“中央”单元的内容，滑动条也可能出现。

我发现涉及一些JavaScript的长期解决方案。我首先在我的HTML中用div来定义我的屏幕的不同单元格。然后，我检索文档的宽度和高度，并使用JQuery设置单元格的宽度和高度。我从修正值开始，然后是简单的衍生物，然后是复杂的衍生物。

对于滑块问题，我使用了解释为here的技巧。我根据滑动条的存在调整中央列的大小，滑动条本身取决于“中央”单元格的高度，而这个高度本身取决于屏幕的宽度。

2011-12-01 19:49:28 JVerstry

2011-11-30 15:05:37 ptriek

谢谢。我曾尝试过两种方法，但在详细了解之后，我明白用网格框架解决我的问题实际上是不可能的。我会在我即将创建的答案中解释。 – JVerstry

回答