Question

我正在尝试制作一个粘性页脚，而我的页面的html结构是这样的:(大大简化）

<head>...</head>
<body>
   <div class="centerPane">
      <div class="userCenter">..</div>
      <div class="bottom>...</div>
   </div> 
</body>

的CSS：

head
{
   height: 100%;
}
body
{
   min-height: 100%;
   height: 100%;
}

.userCenter
{
   position:relative;
   height: 100%;
}

.bottom
{
   position: absolute;
   bottom: 20px;
   height: 30px;
}

出于某种原因，无论firefox 10.0.1上的浏览器窗口大小如何，这都会将页面底部的底部向下移动。

以下是演示：173.228.119.111:3000/users/sign_in

Answer 1

不太确定问题是什么，但我会看看这个http://www.cssstickyfooter.com/using-sticky-footer-code.html你似乎错过了一些css ......

Answer 2

您可以尝试将页脚上的边距设置为负值，即：

    margin: -4em;

粘性页脚会在页面上造成额外的高度？

2 个答案: