0

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

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

http://we-live.in/the_sierra

<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>
4

3 回答 3

2

您的主要内容 div 似乎是 id 为“to_div”的 div。您的页脚浮动到顶部,因为您在 to_div 上使用了 position:absolute ,这将其从流程中取出。要么将您的 div 绝对定位在底部,要么停止使用绝对定位。我推荐后者。

于 2009-12-25T19:03:22.893 回答
2

发生这种情况是因为您已将每个 div 的位置(to_text、nav_deals 等)设置为绝对位置,但包含页脚的 div 被呈现为普通 div 元素(因为它的位置不是绝对的)!

我建议重做这个没有绝对定位的简单布局!或者您可以通过将最后一个 div 的位置设置为绝对来解决!

于 2009-12-25T19:03:42.323 回答
0

问题是您使用的是绝对值。绝对值不会影响流程(换句话说,对于其他元素的定位,就好像它们不存在一样)。

做这样的事情(我把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>
于 2009-12-27T03:55:54.193 回答