可以用css交换两个元素吗？

Question

我需要使用css交换两个元素。我的HTML在这里：

<div class="container">
    <div class="Div2">
        <img src="Div2.jpg">
    </div>
    <div class="Div1">
        <img src="Div1.jpg">
    </div>
</div>

我的css在这里：

.container{width:50%; margin:auto;}
.div2{float:left;width:100%;}
.div1{float:left;width:100%;}

有没有办法如何在没有改变html的情况下将Div1放在Div2的位置只有css？

Answer 1

向左浮动.div2，向左浮动.div1：

.div2{ float:right; }
.div1{ float:left; }

如果您尝试将它们并排堆叠，则还必须删除width: 100%;。

此外，课程具有案例敏感性。在您的示例代码中，您的div类是.Div1和.Div2，请确保使用所有小写类来匹配定义：

<div class="container">
    <div class="div2">
        <img src="Div2.jpg">
    </div>
    <div class="div1">
        <img src="Div1.jpg">
    </div>
</div>

示例： http://jsfiddle.net/dph8t/