Ruby Rails <%= yield %> 无法正确显示引导页脚

Question

我正在使用bootstrap和RubyonRails进行开发，除了很多人似乎有问题之外，它进展顺利；在页面底部添加页脚。不知怎的<%=yield%>似乎引起了一些问题。我的导航高于<%=yield%>并且它显示正确，然后是我的动态内容，然后我想要一个页脚。尽管尝试了很多次来修复它，但我的页脚并没有出现在内容下面(<%=yield%>(，而是出现在内容的中间(后面(。有人知道我如何在我的应用程序中使用引导程序并创建一个推到页面底部(内容下方(的页脚吗。如果能够将它包含在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;
}

提前感谢！

/Jacob

Answer 1

如果您希望页脚出现在所有内容之后，则您不能使用position: absolute;->这将告诉它无论内容在哪里都要粘贴到屏幕上的同一位置(在这种情况下，在屏幕底部，即使您正在浏览页面内容的中途(。

如果你只想让它总是出现在内容的底部，那么就把它放在yield之后的内容中(因为这是主页面内容(，然后删除position: absolute。

Answer 2

不要使用"footer"标记。相反，试试这个：

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

然后将您的CSS更改为：

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

最后，将页脚放在<%=yield%>标记，以便您想要显示的动态内容位于页脚之前。

如果这不起作用，就这样做：

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

此外，您需要将页脚添加到主页和应用程序模板中，才能在所有页面上看到它。

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