Question

我目前正在开发一个网站，这个网站一切顺利，直到css现在认为页面的底部，即使我已经定位了图像

position:absolute;
bottom:0px;

实际上是底部大约100像素！我无法理解，我唯一的答案可能是因为我在整个布局中重复了一些事情。网站可以在SemaphoreDesign找到样式表的粘贴箱是here HTML转here我真的无法弄清楚为什么页眉和页尾不在页面底部以及为什么有滚动条。谢谢

Answer 1

当你看到问题时，你很可能会向下滚动吗？

如果您希望在用户滚动时不移动，则应该使用position:fixed。

您首先获得滚动条的原因是因为您将“内容”<div>设置为height:100%，这意味着100％的窗口高度。由于还有其他元素，因此高度超过窗口高度。

Answer 2

你可以为这两个人做一个固定的位置

#endside {
width:100%;
float:left;
height:112px;
position:fixed;
bottom:0px;
overflow:hidden;
background-image:url(images/main_09.png);
z-index-2;
}
#footer {
width:915px;
margin: 0 auto;
background-image:url(images/main_10.png);
height:112px;
position:fixed;
bottom:0px;
z-index:11;
}

Answer 3

我认为您不想使用position:fixed。这个网站有足够的CSS可供你复制的页脚：

http://www.cssstickyfooter.com/

Answer 4

这样的事情可能有所帮助：

HTML：http://pastebin.com/H0EauYeu CSS：http://pastebin.com/mbV44Jef

CSS错误让我疯狂

4 个答案: