如何将页脚放在可见页面的底部？

我正在更改Openx实现，并添加了一个页脚。它始终处于最底部，如果页面太长，则需要向下滚动以查看页脚。但是我想要做的是将页脚放在可见部分的底部。你知道他们喜欢把烦人的横幅放在底部，即使你向下或向上滚动，它仍然存在。我不知道它的名字。目前，页脚位于底部。不在div内，因此它总是处于底部。但是，是否有一种方法可以使其正确定位页面可见部分的大小？我的英语不足以告诉你我的意思。我现在在英语上遇到一些麻烦。任何想法如何做到这一点？这是页脚的CSS;如何将页脚放在可见页面的底部？

.footer{ 
    position: relative; 
    margin-top:-100px; 
}

，它被放置像

<body> 
    some divs.. 

    <div class="footer"> 
    </div> 

</body>

应该我把脚注一格以上？我试过了，但没有奏效。也许这个位置应该相对于页面的可见高度？

来源

2012-02-08 Ada

你的问题的权利也有在'Related'部分列举了一些帖子。第一个是“如何让页脚停留在网页的底部？”。将可能解决您的问题 – DKSan 2012-02-08 08:38:41

我看到的建议问题贴在底部的页脚。但我想我的意思是将页脚放在屏幕的底部？ – Ada 2012-02-08 08:48:47

尝试folllowing CSS

.footer{ 
    width:100%; 
    position:fixed; 
    bottom:0px; 
}

，并确保您的页脚股利是最后一个div。

固定位置，使你的页脚留在同一个地方，即使在浏览器窗口滚动

来源

2012-02-08 08:40:10

谢谢你的工作。我还找到了一个我想要的网站，当我用萤火虫看它时，它和你的一样！谢谢 – Ada 2012-02-08 08:49:37

不知道你想要达到的目标。

但是，如果你想一直页脚在页面底部试试这个： http://jsfiddle.net/dV44J/

.footer{ 
width: 100%; 
height: 50px; 
position: fixed; 
bottom: 0px; 
}

来源

2012-02-08 08:42:45 giker

谢谢。但我排除了身高。 – Ada 2012-02-08 08:55:10

如何将页脚放在可见页面的底部？

回答

相关问题