Question

我正在使用bootstrap和Ruby on Rails进行开发，除非有很多人似乎遇到问题，否则它会很好用;在页面底部添加页脚。某种程度上＆lt;％= yield％＆gt;似乎会引起一些问题。我的导航高于＆lt;％= yield％＆gt;并且它显示正确，然后有我的动态内容，然后我想有一个页脚。尽管尝试了这么多次修复它，我的页脚不会出现在内容（＆lt;％= yield％＆gt;）之下，而是出现在内容的中间（在它后面）。有谁知道如何使用我的应用程序的引导程序，并创建一个推到页面底部（内容下方）的页脚。能够将它包含在application.html.erb文件中会很高兴。我的页脚很简单：

<footer class="footer">
  <div class="container">
    <p class="text-muted">Place sticky footer content here.</p>
  </div>
</footer>

使用css

.footer {
position: absolute;
width: 100%;
height: 60px;
bottom:0;
background-color: #f5f5f5;
}

提前多多谢谢！

/雅各布

Answer 1

如果您希望在所有内容之后显示您的页脚，则不得使用position: absolute; - ＆gt;这告诉它要坚持屏幕上的相同位置，无论内容在哪里（在这种情况下，在屏幕的底部，即使你在页面内容的中途）。

如果您只是希望它始终显示在内容的底部 - 那么只需将其放入收益后的内容中（因为这是主要页面内容）并删除position: absolute。< / p>

Answer 2

请勿使用“页脚”标签。相反，试试这个：

<div id="footer">
  * Your text here *
</div>

然后将CSS更改为：

#footer {
position: absolute;
width: 100%;
height: 60px;
bottom:0;
background-color: #f5f5f5;
}

最后，将页脚放在＆lt;％= yield％＆gt;下面？标记，以便您希望显示的动态内容位于页脚之前。

如果不起作用，请执行以下操作：

转到包含动态内容的文件，并在其下方添加“div”页脚。使用“页脚”标签可能会有问题，因此请尽量避免使用它。

此外，您需要将页脚添加到主页和应用程序模板，以便在所有页面上查看。

希望这会有所帮助。如果这有帮助，请告诉我。

Ruby Rails＆lt;％= yield％＆gt;没有正确显示引导页脚

2 个答案: