在我的网站页面底部的

Div我想要在页面底部的页脚。我将此添加到页脚css：在我的网站页面底部的

position: fixed; 
bottom: 0; 
width: 100%;

页脚现在很好，但所有的内容都在页脚div上。像页脚div是背景。我怎样才能把页脚放在右下角？

来源

2013-03-26 user2211924

我不知道如果我理解你的问题，但你可以尝试添加/在你页脚的CSS改变这种

right: 0; 
width: 50%; 
z-index: 999;

来源

2013-03-26 14:20:13 Johan

我加入，但现在的页脚是唯一正确的，但同样的问题。谢谢 – user2211924 2013-03-26 14:22:39

你似乎会问两个不同的问题。尝试提高页脚元素的z-index以保持其高于其他内容。

要将它放在右下角，请将宽度和右侧位置设置为零。

来源

2013-03-26 14:20:55 isherwood

我现在有底部的页脚。但在一页上，我有很多内容，页脚中间出现页脚。 – user2211924 2013-03-26 15:28:12

如果没有一些代码或演示，这几乎不可能诊断。（把它放在你的问题，不在这里。） – isherwood 2013-03-26 15:42:35

但我使用wordpress它是一个代码的lor .. – user2211924 2013-03-26 16:09:34

你需要利用CSS z-index财产，给你的主要内容容器padding-bottom等于页脚的高度，以防止您的页脚切断你的页面的底部。

来源

2013-03-26 14:21:07

看看这篇文章“如何保持页脚在页面底部的”：

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

来源

2013-03-26 14:22:09 kapantzak

您将要加入页脚的高度与以补偿页脚的高度您的内容区域的底部。首先，查找每页上的页脚前显示的元素。希望它会是这样的：

<div id="header"> 
    HEADER CONTENT 
</div> 
<div id="content" style="margin-bottom: 50px;"> 
    YOUR SITES CONTENT 
</div> 
<div id="footer" style="position: fixed; bottom: 0; width: 100%; height: 50px;> 
    FOOTER CONTENT 
</div>

此外，不要使用像我上面的内联样式。请使用propss css :)它可以帮助所有的互联网。

来源

2013-03-26 14:26:44 patmacs

Position：fixed将元素从页面流中取出。其结果是，当涉及到影响其他元素时，您的页脚占用“无”。你的内容最终在上面的原因是，它实际上并不知道它在那里。我的意思是，在考虑其他元素时，你需要考虑你的页脚。例如，如果你有一个封装在页脚之前结束，你可以给它一个额外的底部填充，这相当于页脚的高度。

要回答你问题的一个隐藏的第二部分：为了给一个元素一个z-index，它需要定位一个非“静态”（默认定位）的东西。如果你试图在两个不同的元素上计算出z-索引，你会想给它们一个除“静态”以外的位置值来获得完全控制权。

希望一些这有助于，异

来源

2013-03-26 14:29:40 isotrope

在我的网站页面底部的

回答

相关问题