Question

我正在用PHP构建一个Web应用程序。我想要包含一个粘性的页脚。我使用include 'footer.php';，除了一页以外，它在所有页面上都很完美。在此页面上，它会粘在页面中间，其中包含内容。如果我删除bottom: 0，则会在此页面上修复它，但它在其他页面上搞砸了。

CSS

#footer {
  background: #f7f7f7;
  position: absolute;
  border-top: 1px solid #dedede;
  height: 70px;
  width: 100%;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

#footer li{
  padding-right: 20px;
  display: inline;
}

HTML

<!--Footer-->
<div id="footer">
    <span class="copyright">&copy; 2016 Gym</span>
    <ul class="social">
      <li><a href="#">About</a></li>
      <li><a href="#">Terms</a></li>
      <li><a href="#">Privacy</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Blog</a></li>
    </ul>
    <div style="clear: both"></div>
</div>

Answer 1

我认为你在var App = React.createClass({ render: function () { var Child; switch (this.props.route) { case 'about': Child = About; break; default: Child = Home; break; } return ( <div> <Child /> </div> ); } }); function render(){ var route = window.location.hash.substr(1); ReactDOM.render( <App route={route} /> , document.getElementById('app') ); } window.addEventListener( 'hashChange', render ); render();相对的地方渲染页脚。

您还可以将parent用于所有网页的粘性底部。

我的页脚在某些页面上只是粘性

1 个答案: