我想在我的网站上实现1140grid。布局非常简单：
100% header
25% sidebar 75% page
100% footer
问题是我希望在网站处于移动视图时更改堆栈顺序：
100% header
100% page
100% sidebar
100% footer
但是，默认情况下，它按照源代码中显示的顺序排列块：标题，侧边栏，页面，页脚。
是否有一个简单的css修复方案？
答案 0 :(得分：1)
你可以试试这个。重新排序文档流中的Main和Sidebar，并使用负边距破解框架样式：
.container .eightcol {margin-left:34.55% !important;}
.container .fourcol {margin-left:-100% !important;}
尽管如此，我还是不建议首先使用不符合您需求的黑客框架。对于简单的布局，有时候编写干净整洁的香草代码会更快。