Css 在兄长面前挥舞着一支笛子

是否有可能让一个浮动元素在它的前辈之前浮动

例如，想象三个浮动div：

A B C

我希望它们显示为：

A C B

我不想更改html标记，因为这是一个响应性设计。在一个特定的断点处，我希望浮动的顺序，从而改变布局

我一直在读关于：之后和：之前，但我不确定这是否对我有帮助

.myFloat{
    width:75px;
    height:75px;
    margin:10px;
    border:1pc solid #333;
    float:left;
}

这是我的小提琴：

享受吧！

---

对其工作原理的基本描述：

float:left

将获取一个元素并将其堆叠到项目的左侧，而

display:inline block

将自然地从左向右流动，但在所有

float:left

元素的右侧流动

查看flexbox模型。您可以在那里对元素重新排序。请参阅。

如何使用Javascript和AJAX（或Jquery）动态更改div的内容，具体取决于您希望其中包含的内容

因此，即使订单仍然是B，C-A现在确实有B的内容，或者任何你想要的内容

所以你可以这样做一些javascript

<script>
target = document.getElementById('A');  // this assumes the target div has an ID of "A"
target.innerHTML = "whatever content you want to put in here"
</script>

target=document.getElementById（'A'）；//这假设目标div的ID为“A”
target.innerHTML=“您想放在这里的任何内容”
<代码>在Firefox 29和Chr上测试“我不想改变HTML标记，因为这是一个响应性的设计。”@ RrOne谢谢。我确实考虑过这个方法，但是对于这种情况，它必须是CSS唯一的解决方案，我现在还不推荐FRUXBOX。支持仍然是零碎的。@j08691看起来支持不错，除非您必须支持IE<11:@AlanA更灵活地使用flex；；-）
<script>
target = document.getElementById('A');  // this assumes the target div has an ID of "A"
target.innerHTML = "whatever content you want to put in here"
</script>