-2

我到处寻找，似乎找不到答案 - 显然我做错了什么。这是我的页脚CSS：

#footer { 
   position: fixed; 
   bottom: 0px;
   left: 0px;
   margin: 0px;
   width: 100%;
   height: 60px;
   padding-top : 10px;
   background-image:url(../images/bottom_bg.jpg);
   background-repeat:repeat;
   text-align:center;
   border-top: 5px solid #000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#FFCC66;
}

www.bevwebdev.com/examples.php

  • 我到底做错了什么？我试过z-index，设置高度只适用于表格，位置：绝对只是把它贴在我较短的页面中间——真是头疼！！！
4

3 回答 3

1

问题是当您向下滚动时，页脚会覆盖主容器的底部。解决方案是为containerdiv 添加底部边距。

#container {
  margin-bottom: 100px;
}

这会在 div 下方放置 100px 的空白，因此，当位于页面的最底部时，所有文本仍会显示。

于 2013-03-26T04:48:51.087 回答
0

如果您希望页面底部不隐藏在页脚下，请添加以下 CSS：

body {
    padding-bottom:100px;  
}

或者一些适合你的号码。这会将正文内容向上推一点，以便您可以看到它。

于 2013-03-26T04:51:34.580 回答
0

如果您总是希望页脚低于其他所有内容，则应该使用position: relative

如果您总是希望页脚固定在浏览器的底部，您应该使用position: fixed

如果您总是希望页脚与另一个元素或页面顶部有一定距离，您应该使用position: absolute

于 2013-03-26T04:49:21.773 回答