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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3928 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

CSS

HTML

文档

20 条回复 • 2015-04-22 17:17:46 +08:00

FrankFang128

2015 年 4 月 22 日

不改 HTML 和 CSS，那么只能改 JS 咯。楼主怎么想的？

reloop

2015 年 4 月 22 日

@FrankFang128 我以为单纯 CSS 能做到~ 看好多 stylish 对界面改动好大 , 呃~~ 原来真的不行啊

Twinkle

2015 年 4 月 22 日

@FrankFang128 楼主的意思应该是不修改 HTML，修改 CSS。。。

learnshare

2015 年 4 月 22 日

see http://codepen.io/anon/pen/wavWoK

des

2015 年 4 月 22 日

@FrankFang128 你看错了吧，那是逗号不是顿号，意义不一样的

suinia

2015 年 4 月 22 日

flex-direction 不过大部分不支持吧

E2gCaBAT5I87sw1M

2015 年 4 月 22 日

```
top: 60px;
position:absolute;

top: 0px;
position:absolute;
```

reloop

2015 年 4 月 22 日

@learnshare 谢谢 , 可惜这个方法需要尺寸是固定的才行 , 另外为什么预览区两个块会重叠了~

reloop

2015 年 4 月 22 日

@learnshare 啊啊.. 知道了~~

learnshare

2015 年 4 月 22 日

@reloop and http://codepen.io/LearnShare/pen/rVNLWY

learnshare

2015 年 4 月 22 日

@reloop 你来个尺寸不固定的，我可以再给你写写看

chairuosen

2015 年 4 月 22 日

body{
-webkit-transform:rotateX(180deg);
}
div{
-webkit-transform:rotateX(180deg);
}

lingo

2015 年 4 月 22 日

楼上太机智。。。笑了。

imn1

2015 年 4 月 22 日

http://wow.techbrood.com/fiddle/1584

reloop

2015 年 4 月 22 日

@learnshare 比如这样 , 行数不确定的
http://codepen.io/anon/pen/wavWJK

reloop

2015 年 4 月 22 日

@imn1 这个方法好 , 完美解决了 , 非常感谢 , 也谢谢大家 , 谢谢 @learnshare

learnshare

2015 年 4 月 22 日

@reloop #12 会有兼容性问题， #14 不算是合理的方案吧，不过效果还是不错的

66beta

2015 年 4 月 22 日

场景没限制，问题不好回答

joyee

2015 年 4 月 22 日

@chairuosen 机智得飞起

gongpeione

2015 年 4 月 22 日

@chairuosen 机智！

loveuqian

2015 年 4 月 22 日

新手没看懂12L
求解释