在1140網格的移動視圖中更改堆棧順序？

我想在我的網站上實現1140grid。佈局很簡單：在1140網格的移動視圖中更改堆棧順序？

100% header 
25% sidebar 75% page 
100% footer

的問題是，我想改變堆疊順序時，該網站是移動視圖：

100% header 
100% page 
100% sidebar 
100% footer

然而，默認情況下，它按照它們在源代碼中出現的順序排列這些塊：標題，側邊欄，頁面，頁腳。

是否有一個簡單的CSS修復？

你可以試試這個。重新排序主要和側邊欄的文件流和黑客的框架樣式負邊距：

.container .eightcol {margin-left:34.55% !important;} 
.container .fourcol {margin-left:-100% !important;}

不過，我woudn't建議使用砍死框架不符合在首位您的需求。對於簡單的佈局，有時編寫乾淨整潔的香草代碼會更快。

2012-10-10 21:34:41 gkond

回答