在CSS中嵌套的邊框佈局？

我有這個工作正常：http://jsfiddle.net/uwcEw/ - 一個傳統的CSS邊框佈局。在CSS中嵌套的邊框佈局？

我想要做的是在邊界佈局的「中間」有另一個5區域的邊界佈局。從上面重新應用相同的模式我得到這個：http://jsfiddle.net/6bked/4/（編輯鏈接），它不工作，顯然它不是相對於它的父容器，但我不知道如何解決這個問題，所以我可以應用這個模式在嵌套的上下文中需要。

任何幫助？另外如果有更好的方法來做到這一點（Compass + Sass/blueprint/js佈局），我願意提供建議。

UPDATE

我也想搞清楚我只關心在現代瀏覽器（WebKit的，FF）主要關心的Webkit這個工作，我不擔心沒有啓用javascript

誰也用戶

來源

2011-05-28 user445994

究竟是你想要的...... – Anish 2011-05-28 02:46:30

我想做一個嵌套在另一個邊界佈局的「中間」區域的邊框佈局 – user445994 2011-05-28 02:52:04

我並不完全是固定佈局的最大粉絲，但如果我理解正確，這應該是你想要做的：http://jsfiddle.net/8Cq9A/。

尺寸是相對於瀏覽器窗口，甚至是嵌套集div的。你需要做什麼來修正你的佈局是調整你的內在尺寸考慮到這一點。例如，如果您的外部左右側div的寬度設置爲10％（意味着瀏覽器窗口寬度的10％）將中心div分成2等分，您可以將它們的每個寬度設置爲：（100％-10％-10％）/ 2 = 40％。

就我個人而言，我會考慮使用浮動：http://jsfiddle.net/Sf8Kp/。儘管如此，你會遇到的問題是如果你想要鏈接中看到的高度相等的列。

還有很多漂浮在如何解決這個問題的文章。一些好的閱讀已經有一段時間了：alistapart（1,2），positioniseverything。左右搜索人造色譜柱和3柱[液體|彈性|等高]佈局。

來源

2011-05-28 02:53:29 anomareh

爲了更好地解釋這個答案，使用'position：fixed'的問題是：位置是相對於瀏覽器窗口設置的，而不是包含元素。設置你的內部元素的位置需要你考慮到這一點。 – Wex 2011-05-28 03:13:52

所以，是的，告誡@ anomareh的答案是，我需要固定的高度和寬度不是百分比，謝謝@Wex澄清 - 所以基本上我需要在運行時使用JavaScript或使用js佈局庫計算這個？ – user445994 2011-05-28 03:25:54

@ user445994沒有維度仍然是相對的，只是相對於瀏覽器窗口。所以對於嵌套的div，它仍然有相對的尺寸，它們只是相對於父瀏覽器的瀏覽器，並依次進行調整。我會更新答案以更好地解釋。 – anomareh 2011-05-28 03:49:22

在CSS中嵌套的邊框佈局？

回答

相關問題