Css 将一个div（位于jsp文件的底部）放置在所有其他div的顶部

我有一个类似这样的页面

<div id="top">
</div>
<div id="bottom">
</div>

我想要一个先显示底部然后显示顶部的输出。。

---

我如何使用CSS实现这一点？？？

在“位置”的帮助下，你可以实现这一点。

如果你的问题的意思是，以下。。“您可能希望将div#bottom放在下面绘制的其他DOM元素的顶部”。DOM排序

如果希望#top和#bottom是独立的DOM元素。

• 顶部和左侧的值是您选择的值，上面的示例将底部放置在顶部内

• 定位-可用于对其进行操作。您可以在一个巨大的包围div中使用fixed元素。但只有在您确定即使在溢出时也会显示DOM内容时，才可以使用fixed“相对”定位也可以在处理引用是主体或根节点类或元素时起作用

如果您想控制DOM如何显示这些元素。然后，您可能必须将javascript与CSS结合使用才能实现这一点。喜欢说 超时后 setTimeout（函数（）{ document.getElementById（'top'）.style.display='block'； }, 200);

既然独立部门不是最好的方法，我建议你试试这样的方式

---

HTML页面从上到下呈现。反转div标记，如中所示：

<div id="bottom">
</div>
<div id="top">
</div>

---

除非你有特定的理由不这样做。

在css中使用Position应该可以工作。请尝试下面的方法

<div id="bottom">
 </div>
 <div style="clear:both;"></div>
 <div id="top">
</div>

---

您能提供更多的上下文吗？比如为什么你不能在HTML中把id=bottom放在id=top上面？实际上，bottom是一个包含在#top中的页面。。。因此，我希望执行顺序为“顶部-底部”…但当涉及到显示时，我希望“底部”显示在页面顶部..我在“底部”中包含了一个jsp，它只在页面底部包含时加载更新的内容..但我需要在页面顶部显示“底部”

<div id="top_div">
   <div id="bottom_div">
   </div>
</div>

<div id="bottom">
</div>
<div id="top">
</div>

<div id="bottom">
 </div>
 <div style="clear:both;"></div>
 <div id="top">
</div>