css - 页脚不会粘在底部

Question

我正在构建一个网站，页脚不会粘在底部。有人可以帮我解决这个问题吗？

CSS

#footer {
    background-color: #454245;
    bottom: 0;
    float: right;
    height: 200px;
    left: 0;
    margin-top: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

Answer 1

像这样尝试: LINK

HTML:

<div class="wrapper">
    <p>Your content goes here.</p>
  <div class="push"></div>
</div>
<div class="footer">
    <p>Footer content</p>
</div>

CSS:

* {
margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
}
.footer,.push{
    background-color:#ccc;
    height: 155px; 
}