不修改 HTML , CSS 怎么调整文档流的位置 , 把下面的 div 放到上面去?

2015-04-22 11:59:10 +08:00
 reloop

http://codepen.io/anon/pen/mJdEEY

怎么 把 块 2 放到 块 1 上面去?

3192 次点击
所在节点    问与答
20 条回复
FrankFang128
2015-04-22 12:02:54 +08:00
不改 HTML 和 CSS,那么只能改 JS 咯。楼主怎么想的?
reloop
2015-04-22 12:05:36 +08:00
@FrankFang128 我以为单纯 CSS 能做到~ 看好多 stylish 对界面改动好大 , 呃~~ 原来真的不行啊
Twinkle
2015-04-22 12:05:38 +08:00
@FrankFang128 楼主的意思应该是不修改 HTML,修改 CSS。。。
learnshare
2015-04-22 12:06:17 +08:00
des
2015-04-22 12:06:30 +08:00
@FrankFang128 你看错了吧,那是逗号不是顿号,意义不一样的
suinia
2015-04-22 12:08:51 +08:00
flex-direction 不过大部分不支持吧
winnie2012
2015-04-22 12:11:36 +08:00
```
top: 60px;
position:absolute;

top: 0px;
position:absolute;
```
reloop
2015-04-22 12:11:36 +08:00
@learnshare 谢谢 , 可惜这个方法需要尺寸是固定的才行 , 另外为 什么预览区两个块会重叠了~
reloop
2015-04-22 12:12:10 +08:00
@learnshare 啊啊.. 知道了~~
learnshare
2015-04-22 12:12:10 +08:00
learnshare
2015-04-22 12:13:28 +08:00
@reloop 你来个尺寸不固定的,我可以再给你写写看
chairuosen
2015-04-22 12:14:26 +08:00
body{
-webkit-transform:rotateX(180deg);
}
div{
-webkit-transform:rotateX(180deg);
}
lingo
2015-04-22 12:17:19 +08:00
楼上太机智。。。笑了。
imn1
2015-04-22 12:23:39 +08:00
reloop
2015-04-22 12:24:37 +08:00
@learnshare 比如这样 , 行数不确定的
http://codepen.io/anon/pen/wavWJK
reloop
2015-04-22 12:45:41 +08:00
@imn1 这个方法好 , 完美解决了 , 非常感谢 , 也谢谢大家 , 谢谢 @learnshare
learnshare
2015-04-22 13:11:07 +08:00
@reloop #12 会有兼容性问题, #14 不算是合理的方案吧,不过效果还是不错的
66beta
2015-04-22 13:53:00 +08:00
场景没限制,问题不好回答
joyee
2015-04-22 17:12:49 +08:00
@chairuosen 机智得飞起
gongpeione
2015-04-22 17:15:00 +08:00
@chairuosen 机智!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/185444

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX