Question

假设我有三个div：

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

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

有没有办法在没有绝对定位的情况下实现这个目标？我尝试了浮动，但似乎你只能在水平空间中反转它。

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

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

Answer 2

使用float。

http://jsfiddle.net/Q3qTP/1/

#example div {float: right;}

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

2 个答案: