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

V2EX = way to explore

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

For Existing Member Sign In

This topic created in 4035 days ago, the information mentioned may be changed or developed.

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

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

CSS

HTML

文档

20 replies • 2015-04-22 17:17:46 +08:00

FrankFang128

Apr 22, 2015

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

reloop

Apr 22, 2015

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

Twinkle

Apr 22, 2015

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

learnshare

Apr 22, 2015

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

des

Apr 22, 2015

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

suinia

Apr 22, 2015

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

E2gCaBAT5I87sw1M

Apr 22, 2015

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

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

reloop

Apr 22, 2015

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

reloop

Apr 22, 2015

@learnshare 啊啊.. 知道了~~

learnshare

Apr 22, 2015

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

learnshare

Apr 22, 2015

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

chairuosen

Apr 22, 2015

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

lingo

Apr 22, 2015

楼上太机智。。。笑了。

imn1

Apr 22, 2015

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

reloop

Apr 22, 2015

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

reloop

Apr 22, 2015

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

learnshare

Apr 22, 2015

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

66beta

Apr 22, 2015

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

joyee

Apr 22, 2015

@chairuosen 机智得飞起

gongpeione

Apr 22, 2015

@chairuosen 机智！

loveuqian

Apr 22, 2015

新手没看懂12L
求解释