V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
reloop
V2EX  ›  问与答

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

  •  
  •   reloop · 2015-04-22 11:59:10 +08:00 · 3163 次点击
    这是一个创建于 3264 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    top: 0px;
    position:absolute;
    ```
    reloop
        8
    reloop  
    OP
       2015-04-22 12:11:36 +08:00
    @learnshare 谢谢 , 可惜这个方法需要尺寸是固定的才行 , 另外为 什么预览区两个块会重叠了~
    reloop
        9
    reloop  
    OP
       2015-04-22 12:12:10 +08:00
    @learnshare 啊啊.. 知道了~~
    learnshare
        10
    learnshare  
       2015-04-22 12:12:10 +08:00
    learnshare
        11
    learnshare  
       2015-04-22 12:13:28 +08:00
    @reloop 你来个尺寸不固定的,我可以再给你写写看
    chairuosen
        12
    chairuosen  
       2015-04-22 12:14:26 +08:00
    body{
    -webkit-transform:rotateX(180deg);
    }
    div{
    -webkit-transform:rotateX(180deg);
    }
    lingo
        13
    lingo  
       2015-04-22 12:17:19 +08:00
    楼上太机智。。。笑了。
    imn1
        14
    imn1  
       2015-04-22 12:23:39 +08:00   ❤️ 1
    reloop
        15
    reloop  
    OP
       2015-04-22 12:24:37 +08:00
    @learnshare 比如这样 , 行数不确定的
    http://codepen.io/anon/pen/wavWJK
    reloop
        16
    reloop  
    OP
       2015-04-22 12:45:41 +08:00
    @imn1 这个方法好 , 完美解决了 , 非常感谢 , 也谢谢大家 , 谢谢 @learnshare
    learnshare
        17
    learnshare  
       2015-04-22 13:11:07 +08:00
    @reloop #12 会有兼容性问题, #14 不算是合理的方案吧,不过效果还是不错的
    66beta
        18
    66beta  
       2015-04-22 13:53:00 +08:00
    场景没限制,问题不好回答
    joyee
        19
    joyee  
       2015-04-22 17:12:49 +08:00
    @chairuosen 机智得飞起
    gongpeione
        20
    gongpeione  
       2015-04-22 17:15:00 +08:00
    @chairuosen 机智!
    loveuqian
        21
    loveuqian  
       2015-04-22 17:17:46 +08:00
    新手没看懂12L
    求解释
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2815 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 14:56 · PVG 22:56 · LAX 07:56 · JFK 10:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.