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

V2EX = way to explore

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

现在注册

已注册用户请登录

V2EX 提问指南

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

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

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

CSS

HTML

文档

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

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

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

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

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

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

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

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 机智！

loveuqian

2015-04-22 17:17:46 +08:00

新手没看懂12L
求解释