如何向后排列堆叠div的顺序？

Question

假设我有三个div:

<div>1</div>
<div>2</div>
<div>3</div>

我需要浏览器中的输出为:
3
2
1

没有绝对定位,有没有办法实现这个目标？我试过浮子,但似乎你只能在水平空间中反转它.

它们需要以相反的顺序堆叠垂直.

Answer 1

你可以这样做:这里的例子

包裹元素,并旋转父元素和子元素180度数.

#parent, #parent > div {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    display:inline-block;
}

或者,这也可以:

#parent, #parent > div {
    display:inline-block;
}
#parent > div {
    float:right;
}

这里的例子