如何更改DIV的位置，如何更改其顺序

Question

我不是在谈论浮动，也不是在谈论z-index（用于将一个放在另一个之上）。 我说的是更改通过Java显示DIV的顺序。

例如，我有：

<div id='bottom'></div>
<div id='header'></div>

我想更改顺序，以便将“标头”显示在“底部”上方，但不能“覆盖”它，也不能“浮动”。 只是：

<div id='header'></div>
<div id='bottom'></div>

我想这是一个从未问过的简单问题。

Answer 1

您可以通过id来使用此Remove元素，在其中删除第一个元素（首先将其保存到某个变量中），然后使用JS中的appendChild（）或jQuery中的append（）附加它（如果使用的是框架）。 那应该有效地交换两者的位置。

编辑：看看这基本上是您所要求的同一问题，答案包含代码和您可能需要的其他所有内容。 似乎您的搜索不够好。

Answer 2

也许以前的答案是： Divs的重新排序 ，它显示了纯Java方式和jQuery方式来重新排列div。 谷歌搜索“重新排列div”也被证明是富有成果的。

Answer 3

这取决于您使用的javascript库，但是如果使用jquery，则可以轻松完成此操作。 只需输入以下内容：

var header = $('#header');
$('#bottom').next().remove;
$('#bottom').before(header);

Answer 4

您可以仅使用flexbox使用CSS来实现此功能，具体取决于要支持的浏览器。 否则，您可以使用其他人已经提到的javascript解决方案。