Question

好吧这个标题图片让我发疯了 - 我清理了div并编辑了css - 在我学习定位等之前，我喜欢看到一个快速修复，只是将图像放在页面底部

抱歉，这个问题出现在标题中 - 我试图让页脚不要漂浮在页面顶部，但我得到了一些关于绝对定位的回复，所以我自己尝试和解决这个问题，其他答案仍然很感激，谢谢

<div style="text-align:center;">

  <div id="footernav">
  <a href="index.php" class="footerlink">Home</a>
  <a href="about.php" class="footerlink">About Us</a>
  <a href="mailto:info@neighborrow.com"  class="footerlink end">Contact Us</a>

  </div>

Answer 1

您的主要内容div似乎是ID为“to_div”的div。你的页脚浮动到顶部是因为你在to_div上使用了position：absolute，它将它从流中取出。要么将div完全放在底部，要么停止使用绝对定位。我推荐后者。

Answer 2

发生这种情况是因为你已经设置了绝对每个div的位置（to_text，nav_deals等），但是包含页脚的div被渲染为普通的div元素（因为它的位置不是绝对的）！

我建议在没有绝对定位的情况下重做这个简单的布局！或者你可以通过设置绝对甚至最后一个div的位置来解决！

Answer 3

问题是你使用的是绝对值。绝对不会影响流量（换句话说，对于其他元素的定位，它就好像它们不存在一样）。

做这样的事情（我把css作为文本）

<div id="wrapper">
     <div id = "main">
          <div id="to">FLOAT:LEFT</div>
          <div id="from">FLOAT:RIGHT</div>
          <p class="extro">CLEAR:BOTH</p>
     </div>
<div id="footer"></div>
</div>

跟进第一个问题CSS，FOOTER浮动到顶部

3 个答案: