#top定位在页脚上方

Question

我有这段代码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>

这是CSS代码：

#top {
    margin: auto;
    width: 400px;
    height: 38px;
    background: url(img/DESPRE-NOI.png) no-repeat;

}



#footer2
{ 
  text-align: center;
  border:0px solid #fff;
  width: 100%;
  background:url(img/BODY-MENU.png);
 margin:0px;
bottom:0px;
position: fixed;

}

我想要做的是将#top上方的#top对齐，如下图所示。

如果您为特定分辨率应用margin-top: X value定位...如果我移动笔记本电脑看起来不太好。

我尝试了所有我们知道的解决方案......甚至@media查询但仍无效。

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

提前致谢！

Answer 1

将绝对位置设为#top，bottom: 80px只是一个示例，不知道您需要从底部到底的确切位置。

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