Html #页脚上方的顶部定位

我有以下HTML代码：

<div id="footer">

       <div id="container">                       

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


        </div> 


 <div id="footer2">
  <div id="meniu">
    <?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header' ) ); ?>
  </div> 
  <div id="copyright">
    <h1 id="text_c">© Codoban.com All rights reserved</h1>
  </div>
</div>
  </div>


</body>

我要做的是将#top over#页脚对齐，如下图所示。

如果应用特定分辨率的

页边距顶部：X值

，则定位为。。。如果我移动笔记本电脑，看起来不太好

我尝试了所有我们知道的解决方案。。。即使是@media查询，但仍然不起作用

你能帮我解决这个问题吗？ 我需要编辑HTML代码吗

---

提前谢谢

将绝对位置设置为

#top

，

bottom:80px

只是一个例子，不知道从底部到底需要什么位置

#top {position: absolute; bottom: 80px; left: 50%; margin-left: -200px}

为什么不把#top放在#footer2？

#top {position: absolute; bottom: 80px; left: 50%; margin-left: -200px}