删除页脚底部的空白

Question

我尝试了所有操作以删除页脚后的空白，这是我在CSS中写的内容：

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 100px;    /* Footer height */
}
#footer {
    background-color: #3F729B;
    bottom: 0;
    position: absolute;
    height:100px;
    width: 100%;
    color: black;
    text-align:center;
    padding: 0 30px;
}

这是在我的页面中：

 <div id="page-container">
        <div id="content-wrap">
     <!-- all other page content -->

<footer id="footer" >

</footer>
    </div>
    </div>