更改显示位置而不更改html结构

我有两个div，它们都设置为向右浮动。现在我希望“First div”显示在“Second div”之前，但不改变html结构

Html代码--

第一组
第二组

演示--

---

不确定这是否可能。非常感谢您的帮助。

您肯定需要一个

包装器。我理解你的问题

.one{
    float:right;
}
.two{
    float: left;
}


.wrapper{
浮动：对；
}
.一{
浮动：左；
}
.二{
浮动：左；
}

第一组
第二组
试试这样的方法


#容器{
显示：-网络工具包盒；
显示器：-moz盒；
显示：框；
-网络工具包盒方向：垂直；
-莫兹盒方向：垂直；
盒子方向：垂直；
}
#布洛克{
-webkit盒序数组：2；
-moz盒序数组：2；
盒序组：2；
}
#区块B{
-webkit盒序数组：3；
-moz盒序数组：3；
箱顺序组：3；
}

第一组
第二组
第三组
听说过弹性箱吗？这会帮你大忙的！
你可以阅读更多关于


.one{
顺序：2；
}
.二{
顺序：1；
}
.集装箱{
显示器：flex；
弯曲方向：行反向
}

第一组
第二组
为了实现您想要的功能，很遗憾，您必须在div周围应用一个包装器。然后父div向右浮动，然后div one和div two都向左浮动，以获得所需的顺序。如果不能直接更改HTML，可以使用jQuery吗？当然，我可以更改HTML，但这样做还需要几个小时，所以我认为调整css可能更好？@Pegues在这种情况下，我必须添加一个包装器。我试着不去碰html，还有其他的原因让你想在你的两个div周围使用一个包装器，因为除非你清除了float，否则float有改变内容位置的倾向。总之，最好的做法是应用父包装器，然后您可以更轻松地清除浮动之后内容的浮动，并且您还可以根据需要定位div。对不起，我没有更好的答案给你。可能是的副本。和和。和。而且，你没有抓住重点。OP正在寻找一种不改变HTML的方法。当然，如果他修改HTML，有很多方法可以实现他所需要的。flex不应作为首选。想想跨浏览器支持吧！是的..以前使用过flex box，但如果我现在在当前代码中使用它，那么我必须大量更改其他位以适应该属性。
.one{
    float:right;
}
.two{
    float: left;
}