0

我的 CSS 类页脚没有扩展页面的整个底部。如果浏览器窗口足够小，它可以正常工作，但如果窗口足够大，左右端和页面背景是可见的。该类没有嵌套在另一个类中，它的唯一父级是 and 标记。这是页脚的css：

.Footer { width: 100%; padding:10px 0; margin:0px 0 0 0; text-align:center; border-top:1px solid #b3b3b3; background-color:#d9d9d9;}
.Footer p { color:#959595; padding:0; margin:0; font:normal 10px 'Verdana';}
.Footer a { color:#959595; text-decoration:underline;}

该页面位于 avidest.com，因此您可以了解我的意思。任何帮助，将不胜感激。谢谢。

4

2 回答 2

2

将Footer块移到主容器之外，bgRasize它应该跨越页面的宽度。它目前是其容器的 100% 宽度。

<div class="bgRasize">
  ... other content
</div>

<div class="Footer">
  ... footer content
</div>
于 2013-02-20T18:55:16.633 回答
1

检查三件事：

  1. 该.Footer元素是<body>标签的直接子元素。
  2. 如果您想确保您的元素将接触视口的边缘，则应该<body>有。padding: 0; margin: 0;
  3. 如果.Footer默认情况下具有类的元素不是块元素，则应将其显示样式显式设置为display: block;.

标签层次结构应如下所示：

<body>
  <!-- Page content. -->
  <div class="Footer"></div>
</body>
于 2013-02-20T18:58:18.323 回答