reloop
V2EX  ›  问与答

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

  •  
  •   reloop · Apr 22, 2015 · 4373 views
    This topic created in 4212 days ago, the information mentioned may be changed or developed.

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

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

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

    top: 0px;
    position:absolute;
    ```
    reloop
    reloop
    OP
    Apr 22, 2015
    8
    @learnshare 谢谢 , 可惜这个方法需要尺寸是固定的才行 , 另外为 什么预览区两个块会重叠了~
    reloop
    reloop
    OP
    Apr 22, 2015
    9
    @learnshare 啊啊.. 知道了~~
    learnshare
    learnshare
    Apr 22, 2015
    11
    @reloop 你来个尺寸不固定的,我可以再给你写写看
    chairuosen
    chairuosen
    Apr 22, 2015
    12
    body{
    -webkit-transform:rotateX(180deg);
    }
    div{
    -webkit-transform:rotateX(180deg);
    }
    lingo
    lingo
    Apr 22, 2015
    13
    楼上太机智。。。笑了。
    reloop
    reloop
    OP
    Apr 22, 2015
    15
    @learnshare 比如这样 , 行数不确定的
    http://codepen.io/anon/pen/wavWJK
    reloop
    reloop
    OP
    Apr 22, 2015
    16
    @imn1 这个方法好 , 完美解决了 , 非常感谢 , 也谢谢大家 , 谢谢 @learnshare
    learnshare
    learnshare
    Apr 22, 2015
    17
    @reloop #12 会有兼容性问题, #14 不算是合理的方案吧,不过效果还是不错的
    66beta
    66beta
    Apr 22, 2015
    18
    场景没限制,问题不好回答
    joyee
    joyee
    Apr 22, 2015
    19
    @chairuosen 机智得飞起
    gongpeione
    gongpeione
    Apr 22, 2015
    20
    @chairuosen 机智!
    loveuqian
    loveuqian
    Apr 22, 2015
    21
    新手没看懂12L
    求解释
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5315 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 44ms · UTC 01:28 · PVG 09:28 · LAX 17:28 · JFK 20:28
    ♥ Do have faith in what you're doing.