gpt4 book ai didi

css - 在 1140 网格的移动 View 中更改堆栈顺序?

转载 作者:行者123 更新时间:2023-11-28 18:38:15 25 4
gpt4 key购买 nike

我想在我的网站上实现 1140grid。布局非常简单:

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

另见 http://jsfiddle.net/KB5Nq/

问题是我想在网站处于移动 View 时更改堆栈顺序:

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

但是,默认情况下,它按照 block 在源代码中出现的顺序排列 block :页眉、侧边栏、页面、页脚。

是否有一个简单的纯 css 解决方案?

最佳答案

你可以试试这个。重新排序文档流中的 Main 和 Sidebar 以及具有负边距的 hack 框架样式:

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

http://jsfiddle.net/KB5Nq/2/

不过,我不建议使用一开始就不能满足您需求的黑客框架。对于简单的布局,有时编写干净整洁的普通代码会更快。

关于css - 在 1140 网格的移动 View 中更改堆栈顺序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12171056/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com