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

Question

假设我有三个 div:

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

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

没有绝对定位，有没有办法做到这一点？我试过 float ，但似乎只能在水平空间中反转它。

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

Answer 1

你可以这样做:EXAMPLE HERE

包裹元素，并将父元素和子元素旋转 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;
}

EXAMPLE HERE