如何使用網格框架實現部分靈活的屏幕布局？

我想實現使用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

回答