Question

_footer.html.erb

<footer class="footer">
<small id="footerRight">
  Language Without Limits Powered By <img src="/assets/rails.png" />
</small>



<nav>
  <ul id="footerLinks">
    <li><%= link_to "How It Works", about_path %></li>
    <li><%= link_to "Contact",  contact_path %></li>
    <li><%= link_to "News",     news_path %></li>
  </ul>
</nav>
</footer>

的CSS：

#footerLinks {
position:relative;
top:22px;
right:15px;
}

#footerRight {
position:relative;
right:-15px;
}

通过查看ninjaspeak.com可以看到问题。在主页上，页脚显示我希望它在网站的所有页面上查看的方式。点击其他链接时，＆＃39;工作原理＆＃39;例如，页脚内容向页面中间折叠。关于可能导致这种行为的任何想法？

Answer 1

主页似乎格式错误/缺少HTML，实际上其他页面正在正确呈现。

在您的语言注册链接的href属性之后，一个问题可能是逗号（也许是link_to帮助器中的拼写错误？）。无论是因为这个原因，还是除此之外，还有一些关闭div标签。

我会更仔细地查看主页的来源如何在浏览器中呈现以查看这种情况。

其他页面似乎没有分享此问题。

Answer 2

子页面中的页脚位于外部div中，即

<div class="container"> and in the homepage, you don't have a <div class="container">.

这就是为什么页脚出现在子页面中间的主要原因。

Rails静态页脚布局

2 个答案: