2

在我的网站上，我想要在网站底部的页脚。我将其添加到页脚 css：

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

页脚现在在底部很好，但所有内容都在页脚 div 上。就像页脚 div 是背景一样。如何将页脚放在右下角？

4

6 回答 6

1

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

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

于 2013-03-26T14:20:55.710 回答
0

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

要回答您问题的一种隐藏的第二部分：为了能够为元素提供 z-index，它需要与“静态”（默认定位）以外的其他东西一起定位。如果您尝试在两个不同的元素上计算 z-index，则需要为它们都提供一个除“静态”之外的位置值来获得完全控制。

希望其中的一些帮助，iso

于 2013-03-26T14:29:40.573 回答
0

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

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

于 2013-03-26T14:22:09.700 回答
0

我不确定我是否理解您的问题，但您可以尝试在页脚 css 中添加/更改它

right: 0;
width: 50%;
z-index: 999;
于 2013-03-26T14:20:13.663 回答
0

您需要使用 CSSz-index属性并让您的主要内容容器padding-bottom等于页脚的高度，以防止页脚切断页面底部。

于 2013-03-26T14:21:07.490 回答
0

您需要通过将页脚的高度添加到内容区域的底部边距来补偿页脚的高度。首先，寻找出现在每页页脚之前的元素。希望它会是这样的：

<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>

另外，不要像我上面那样使用内联样式。请使用propper css :) 它有助于所有的互联网。

于 2013-03-26T14:26:44.460 回答