页脚不在页面的最后，Bootstrap 3

Question

我无法设法将页脚放到页面的最后。一旦我接近现场，身体就会出现。我使用bootstrap 3和这个自定义CSS：

html, body {
    height: 100%;
    margin:0;
    padding:0;
}

body{
    background-color: red;
}

/* Wrapper for page content to push down footer */
#wrap {
    background-color: green;
    min-height: 100%;
    height: auto;
  /* Negative indent footer by its height */
    margin: 0 auto -62px;
  /* Pad bottom by footer height */
    padding: 0 0 62px;
}

/* Set the fixed height of the footer here */
#footer {
    background-color: yellow;
    height: 62px;
    width: 50%;

}

http://imgur.com/bfdv07k