Question

这段代码似乎将我的页脚推得太远，导致不得不滚动，即使没有这样的内容。我做错了什么？

这是我的application.html.erb代码

 <body>
 <%= render 'layouts/header' %>

 <div id="wrap">
     <div class="container">
     <%= yield %>
     </div>
     <div id="push"></div>  
 </div>

 <%= render 'layouts/footer' %>
 </body>

这是_footer部分代码

<footer>
    <%= link_to "Blog", "#" %>
    <%= link_to "Twitter", "#" %>
    <%= link_to "About", about_path %>
 </footer>

这是应用程序的scss文件

 html,body{
    height: 100%;
 }

 #wrap{
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -60px;
 }


 .container{
    padding-top: 60px;
 }

 #push, footer{
    height: 60px;

 }

 footer{
margin-top: -60px;
background-color: #f9f9f9;
 }


 @import 'bootstrap';

Answer 1

所有看起来都是正确的，但如果标题插入.wrap块

，它会更正确

<body>
 <div id="wrap">
   <%= render 'layouts/header' %>

   <div class="container">
   <%= yield %>
   </div>
   <div id="push"></div>  
 </div>

 <%= render 'layouts/footer' %>

你可以添加jsfiddle吗？

在rails应用程序中粘滞导航滚动到很远的地方

1 个答案: